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