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

Question

嗨，我是 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>

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