react native cannot read property 'navigate' of undefined


最近从原生开发向RN过渡,写界面跳转时候遇到个小问题,情况是这样的,封装了一个视图,视图中有一个按钮,点击按钮需要跳转到另一个界面,但是视图内是没有导航栏控制器的,于是报了这个错误,这时候我们要想办法给这个视图内穿进去一个导航栏控制器,在视图内部定义如下:

props:{
  navigation: PropTypes.object
}

constructor(props){
  super(props);
  this.navigation = this.props.navigation;
}

在调用视图的界面

<CustomView navigation={this.props.navigation}/>

这一步是将导航栏控制器传给视图,让视图可以点击内部按钮跳转,下一步在视图内就可以使用了

this.navigation.navigate('CustomPage')

当然了,如果不采用这种方式,在视图内添加一个点击事件属性,由外部传入自定义函数也是可以做到的


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM