Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 触摸不透明度对文本的影响_Javascript_React Native - Fatal编程技术网

Javascript 触摸不透明度对文本的影响

Javascript 触摸不透明度对文本的影响,javascript,react-native,Javascript,React Native,我希望我的菜单文本与TouchableOpacity在touch上的效果相同,并打开一个新屏幕 ***Settings.js*** 从“React”导入React,{useState} 从“react native”导入{样式表、文本、视图、文本输入} 从“反应本机手势处理程序”导入{TouchableOpacity,FlatList,ScrollView} 导出默认函数App(){ 常量[菜单,菜单人]=使用状态([ {name:'My Account',key:1}, {name:'Not

我希望我的菜单文本与TouchableOpacity在touch上的效果相同,并打开一个新屏幕

***Settings.js***
从“React”导入React,{useState}
从“react native”导入{样式表、文本、视图、文本输入}
从“反应本机手势处理程序”导入{TouchableOpacity,FlatList,ScrollView}
导出默认函数App(){
常量[菜单,菜单人]=使用状态([
{name:'My Account',key:1},
{name:'Notification Settings',key:2},
{name:'Clear Cache',key:3},
{name:'Legal Information',key:4},
{名称:'Rate App Tak',键:5},
{name:'Version',key:6},
{name:'About',key:7},
])
返回(
{menu.map((项)=>{
返回(
{item.name}
)
})}
)
}
const styles=StyleSheet.create({
容器:{
弹性:1,
背景颜色:“#fff”,
paddingTop:40,
水平方向:20,
对齐项目:'center'
}

})
您可以使用touchableopacity而不是视图来包装菜单项,如下所示

 {menu.map((item)=>{
                return(
               <TouchableOpacity onPress={()=>alert(item.name)}
               key={item.key}
               >
                   <Text style={styles.item}
                   >{item.name}</Text>
             </TouchableOpacity>
                )
            })}

您可以使用touchableopacity而不是视图来包装菜单项,如下所示

 {menu.map((item)=>{
                return(
               <TouchableOpacity onPress={()=>alert(item.name)}
               key={item.key}
               >
                   <Text style={styles.item}
                   >{item.name}</Text>
             </TouchableOpacity>
                )
            })}

谢谢你能再给我一件事吗按下的菜单项应该打开一个新窗口我怎么做你能把它改成onPress={()=>navigation.navigate('screen name')},如果你使用的是react navigation谢谢你能再给我一件事吗按下的菜单项应该打开一个新窗口我怎么做你能把它改成onPress={()=>navigation.navigate('screen name')},如果您使用的是react navigation