时间戳

首页 > 解决方案 > 设置文本样式后 React Native TouchableOpacity 不起作用

javascript - 设置文本样式后 React Native TouchableOpacity 不起作用

问题描述

嗨，我是 React Native 的新手，我制作了一个表单，并在表单的底部添加了这些行New here？创建一个帐户，单击“创建帐户”文本时，它应该在定向屏幕上导航.. 但是一旦我添加了样式，它就不起作用了。这是我的代码：

<Text style={{left:70,top:40,color:'#898989'}}>New here?</Text>
 <TouchableOpacity onPress={()=>this.props.navigation.navigate('SignUp')}>
    <Text style={{marginLeft:145,top:17,fontSize:15,color:'#FB7956'}}>Create an account</Text>
  </TouchableOpacity>

标签： javascriptcssreact-nativereact-native-androidreact-native-stylesheet

解决方案

以 TouchableOpacity 样式添加 marginLeft 和 top 属性并从文本样式中删除。

<TouchableOpacity 
onPress={()=>this.props.navigation.navigate('SignUp')} 
style={{marginLeft:145,top:17}}>
    <Text style={{fontSize:15, color:'#FB7956'}}>Create an account</Text>
</TouchableOpacity>

推荐阅读