react-native this.props.navigation.goBack()的返回技巧


用户场景: 用户操作某一功能时,提示去登陆页面,从登陆页面跳到快速登录或者注册页面,快速登录或者注册完,需要跳回到用户原来操作浏览的页面
利用goback返回多个页面

登陆页面
_gotoScreen ( screenName , params ){
const { navigate } =this . props . navigation ;
navigate ( screenName , params );
}
this . _gotoScreen ( 'ForgetPassword' ,{ gobackKey :this . props . navigation . state . key })

快速登录或者注册页面
this . props . navigation . goBack ( this . props . navigation . state . params . gobackKey );


用户场景: 用户从我的评价列表拿到数据,传参数给下一页面,修改完编辑评论页面,发表修改后的评论 跳回到上一页面
处理goback返回上一页面而无法刷新数据的
const {navigate} = this.props.navigation;
navigate ( 'ReviseComment' , { params : item , callBackData : this . _refresh });
//返回时执行上一页面的刷新数据方法
//执行上一页面的刷新数据方法
this . props . navigation . state . params . callBackData ();
this . props . navigation . goBack ();

注意事项:如果此页面是可从多个页面过来,就必须注意在需要的页面执行此操作,否则app会报错

你可能感兴趣的:(移动端,React-Native)