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 this.props.navigation.goBack()的返回技巧相关推荐

nuxt的asyncdata页面刷新params数据丢失_React navigation goBack方法返回刷新
react navigation version:5.x 刚开始写react-native发现用react navigation的goBack方法不会重新刷新要返回的页面,恰巧我想写的是修改资料的页面 ...
React Native之Props(属性)和State(状态)和简单样式简单使用
1 Props(属性)和State(状态)和简单样式简单使用App.js代码如下 /*** Sample React Native App* https://github.com/faceboo ...
这是我最喜欢的使用React Native创建生产级应用程序的技巧
Trust me when I say this, React Native is hard. And it's not the usual hard of what we think hard is ...
this.props.navigation的一些用法
render() {return (<View><Text>2</Text><Buttontitle = "跳转到指定的页面"onPres ...
【React Native】react-navigation导航使用方法
目录集成react-navigation 使用react-navigation 上一篇介绍了如何在已有iOS项目中集成React Native.这一篇我们把上一篇的demo做下拓展,添加点击电影跳转 ...
React Native——react-navigation的使用
在 React Native 中,官方已经推荐使用 react-navigation 来实现各个界面的跳转和不同板块的切换. react-navigation 主要包括三个组件: StackNavig ...
React Native之didFocus和didBlur
1 didFocus和didBlur解释 didFocus - the screen focused (if there was a transition, the transition compl ...
React Native之通过createStackNavigator实现携带参数的页面与页面之间的跳转
1 实现的功能在网上看React Native文档,我特码就想实现一个页面到另外一个页面的跳转,然后另外一个页面怎么获取参数,特么没找到一个说清楚的,要么太复杂,要么说了不理解,下面是我自己写的一 ...
android ios 混合编程,React Native与原生（Android、iOS）混编，三端痛点解析
在做RN混编项目的时候或者面试的时候经常会遇到一些问题,总结起来有以下几种: 1.过多的注册RN组件( AppRegistry.registerComponent() ); 2.从原生跳转指定的RN页 ...

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

react-native this.props.navigation.goBack()的返回技巧相关推荐

最新文章

热门文章