Javascript 设置文本样式后，React Native TouchableOpacity不起作用

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

这里是新的吗？
this.props.navigation.navigate（'SignUp'）}>
创建帐户

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

this.props.navigation.navigate（'SignUp'）}
风格={{marginLeft:145，top:17}>
创建帐户