react navigation返回到任意页面(不集成redux)

react navigation默认是使用key作为goback的参数进行返回的,这个key是一个动态生成的,而不是我们定义的routeName。
网上也有很多方法有的说更改源码,有的说是集成redux。更改源码的方式我也尝试过但是如果开启滑动返回属性,很容易就卡死。集成redux是一个不错的方式,但对于新手来说redux的模式还是太过于复杂,况且redux的强大在于数据流的控制,仅仅一个因为一个返回就去学一个这么大的框架,也太耗时了。
今天我们不借助任何第三方框架,不修改源码,也是可以做到,返回任意界面的。
方案一(NEW 推荐):
“react-navigation”: “^1.5.11”版本中发现页面navigationOptions中打印的navigation是全局的而在页面中通过this.props.navigation中打印的是当前页面的navigation。因此我们可以利用这个全局的navigation然后获取到全局的路由栈。

    static Navigation_routers;
    static navigationOptions = {
        header:({navigation}) =>{
            return <Header navigation = {
    navigation}
                           centerTxt = {'标题'}
                           renderRightView = {()=>{
                               return <TouchableOpacity activeOpacity={1} onPress={() => {
                                   le
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值