react-navigation 返回刷新

在react native写页面的时候,this.props.navigation.goBack(),返回上一个页面的时候,不会刷新页面

例如:一个用户页面A,在未登录的情况下,跳到登录页面B,登录之后返回用户页面A,这时候需要刷新用户页面。

(如果是A跳到B然后再跳到A,这种是可以刷新页面,但是在此时点击返回键会回到B,再点返回会返回到A,这有可能不是你想要的)

用户User页面

        const { navigate } = this.props.navigation;
        navigate('Login', {
          page: 'User',
          callBack: () => {
            //在此调接口或者改变state会让页面改变
          }
        });

登录Login页面

const { goBack,state } = this.props.navigation;
// 在登录页面,在goBack之前,将上个页面的方法取到,并回传参数,这样回传的参数会重走render方法
state.params.callback('回调参数');
goBack();



//import { NavigationActions } from 'react-navigation';
//NavigationActions.back(state.params.callBack('回调参数'))

 

 

 

 

以上。。。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值