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-navigation 返回刷新相关推荐

nuxt的asyncdata页面刷新params数据丢失_React navigation goBack方法返回刷新
react navigation version:5.x 刚开始写react-native发现用react navigation的goBack方法不会重新刷新要返回的页面,恰巧我想写的是修改资料的页面 ...
react navigation中使用goBack返回指定页面
goBack 首先, 现在看一下react navigation官网中对goBack的描述: goBack的参数为页面的key, 这个key是系统随机分配的, 而不是手动设置的routeName, 所 ...
使用Redux在React Navigation App中管理状态
by Andrea Bizzotto 通过安德里亚·比佐托(Andrea Bizzotto) 使用Redux在React Navigation App中管理状态 (Managing State in ...
RN路由-React Navigation组件5.x-基本原理(中文文档)
##引言 React Native路由导航,有它就够了!该文档根据React Navigation文档翻译,有些内容会根据自己的理解进行说明,不会照搬直译,若发现理解有问题的地方,欢迎大家提点!由于本 ...
react navigation 中使用goBack()跳转到指定页面
一.适用场景: 在app端开发的时候,相反回到某一个页面的时候保持跳转页面的所有状态不更新,也就是说不触发新的生命周期. 例如:A-->B-->C-->D 要想从D页面直接返回到B页 ...
React Navigation 基本使用
React Navigation 基本使用参考资料 https://reactnavigation.org/docs/ 环境搭建 Minimum requirementsreact-native & ...
React Native之React Navigation踩坑
自动重装系统之后,已经很长一段时间没有来写React Native了,今天空闲之余,决定重新配置React Native的开发环境,继续踩坑... React Native的开发环境配置狠简单,只要依 ...
微信浏览器返回刷新，监听微信浏览器返回事件，网页防复制，移动端禁止图片长按和vivo手机点击img标签放大图片
以下代码都经过iphone7,华为MT7 ,谷歌浏览器,微信开发者工具,PC端微信验证.如有bug,还请在评论区留言. demo链接:https://pan.baidu.com/s/1c35mbjM ...
React Navigation 路由导航库升级 5.x
当前版本:3.0.0 升级版本:5.12.8 安装依赖 $ yarn add @react-navigation/native @react-navigation/stack @react ...
微信小程序左上角返回刷新
微信小程序左上角返回刷新文章目录微信小程序左上角返回刷新前言一.小程序生命周期二.解决方案(重点来了) 1.在data里创建标识 2.查看初始化onload中调用的初始化的方法 3.在onS ...

react-navigation 返回刷新

react-navigation 返回刷新相关推荐

最新文章

热门文章