设置文本样式后 React Native TouchableOpacity 不起作用答案

【问题标题】：React Native TouchableOpacity not working after setting styles of text设置文本样式后 React Native TouchableOpacity 不起作用
【发布时间】：2020-08-24 15:55:22
【问题描述】：

您好，我是 React Native 的新手，我已经制作了一个表单，并在表单的底部添加了这些行 这里是新的吗？创建一个帐户，单击“创建帐户”文本时，它应该在定向屏幕上导航。但是，一旦我将样式添加到其中，它就无法正常工作。这是我的代码：

<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>

【问题讨论】：

标签： javascript css react-native react-native-android react-native-stylesheet

【解决方案1】：

在 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>

【讨论】：