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

 

 

 

 

以上。。。

你可能感兴趣的:(react-native)