Javascript 触摸不透明度对文本的影响
我希望我的菜单文本与TouchableOpacity在touch上的效果相同,并打开一个新屏幕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
***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