快捷搜索: 王者荣耀 脱发

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(回调参数))

以上。。。

经验分享 程序员 微信小程序 职场和发展