php rn 返回,rn滑动返回页面监听 - osc_13a0punx的个人空间 - OSCHINA - 中文开源技术交流社区...
开发rn的同学都已经知道这个问题很坑了,真的很难弄,网上的方法尝试过很多,返回的的时候回调,是用的最多的,最开始我也是用的这种方式,但是滑动返回的时候监听不到。并且用起来也比较麻烦,不但需要在当前页面做监听(需要返回刷新的页面),还需要调用返回函数的页面,去调用刷新的方法。今天介绍一种,直接对当前页面监听的方法,好处不多说,直接上代码。
先看react-navigation官网的api
举个栗子
场景:A页面跳转到B页面,然后从B页面返回A页面,A页面需要刷新
A页面
// 省略引入,以及render以外的代码
refrensh(e) {
if(!e.state.params.onLoad) return;
this.props.navigation.setParams({ onLoad: false })
console.log(e.state.params);
// 执行需要刷新的逻辑
}
render() {
return (
// 当页面获得焦点的时候,调用刷新的函数(也就是从B页面返回的时候,会触发这个监听函数)
onWillFocus={this.refrensh.bind(this)}
onWillBlur={(e) => {
// 增加onLoad的作用
// 有可能当前页面返回的时候不需要刷新,就把onLoad设置成false
this.props.navigation.setParams({
onLoad: true
})
}}
/>
)
}
B页面很简单,返回只需要调用goBack方法即可
this.props.navigation.goBack();
end
php rn 返回,rn滑动返回页面监听 - osc_13a0punx的个人空间 - OSCHINA - 中文开源技术交流社区...相关推荐
- 静态html的ajax如何发请求,静态页面ajax - 冥焱的个人空间 - OSCHINA - 中文开源技术交流社区...
1.静态页面 $.ajax({ type:"get", url:"http://localhost:8080/app/register/sendSMS",//请 ...
- php 网页闹钟,120.页面小闹钟 - Lucky_Me的个人空间 - OSCHINA - 中文开源技术交流社区...
var getCurrentTime= function(){ var span = document.getElementById("clock"); var time = ne ...
- java遮罩层_页面遮罩层 - javaalex的个人空间 - OSCHINA - 中文开源技术交流社区
一. 基于ajax请求的遮罩层: $.ajax({ type:'POST', url:url, data:obj, dataType:'json', beforeSend: function () { ...
- 视图单行子查询返回mysql,Oracle命令整理 - osc_sj1kgo4z的个人空间 - OSCHINA - 中文开源技术交流社区...
常用命令 1 sqlplus scott/tiger@192.168.47.10:1521/orcl后面不要加: sqlplus sys/oracle as sysdba ...
- c 语言返回数组,c语言返回数组 - LIU-X1001的个人空间 - OSCHINA - 中文开源技术交流社区...
Java语言的函数可以轻易的返回一个数组,而C/C++却不能直接返回一个数组.这是由于在C/C++中,数组不是一种类型,因此不能被直接返回. 在C/C++中,一般有两种方法来返回一个数组. 第一种方法 ...
- html5y页面布局标签,HTML常用标签 - osc_wc3dz06y的个人空间 - OSCHINA - 中文开源技术交流社区...
1 HTML初识 HTML标签就是用来表达网页上的文字.图片.链接.音视频等等的······ 1.1 HTML标签分类 在HTML页面中,带有"< >"符号的元素被称为 ...
- Ai智能对话页面html,js人工智能对话框 - osc_q50is30g的个人空间 - OSCHINA - 中文开源技术交流社区...
对话框实现效果如图: 实现的代码如下: 京东在线客服 /*CSS标签样式的写法,直接写标签名*/ body{ background:url("images/1.jpg") no-r ...
- html横线滑动代码,html 横线的代码 - osc_5dluvsgf的个人空间 - OSCHINA - 中文开源技术交流社区...
第一种: <hr style=" height:2px;border:none;border-top:2px dotted #185598;" /> 园点虚线 he ...
- flot java_flot中文详解 - 木叶下的个人页面 - OSCHINA - 中文开源技术交流社区
调用plot函数的方法如下: 1 var plot = $.plot(placeholder, data, options) Data的结构: data应该是data series的一个数组: [ s ...
最新文章
- python 批量处理文件重命名
- Java多线程--list.parallelStream().forEach()使用实例
- VTK:可视化之PointDataSubdivision
- 2021杨雪洋高考成绩查询,青春由磨砺而岀彩,人生因奋斗而升华 ——我校隆重举行2021届高考备考动员暨学业水平考试表彰大会...
- Implementation of WC in JAVA
- JEECG Framework 3.5.0 GA 新版本终于发布了,重量级功能(数据权限,国际化,多数据源),团队会努力推出新版本,希望大家多多支持!!
- 去年互联网普及率首次过半 42.7%网民遭遇过网络安全问题
- java网络编程--流
- 学习通下载任务点内的课件
- 多功能Win系统维护工具箱
- Qt 界面美化教程 QSS QML Qt自绘方式优缺点对比
- adobe怎么统计字数,在Adobe Reader中统计PDF中的文字数
- 基于LSTM神经网络的负荷预测(Python代码实现)
- 防骗数据库,查询骗子电话QQ等
- Zabbix 主被动模式解析
- 【mysql】mysql 导出全库表结构,并排除指定库
- USB转多路串口 USB hub USB扩展
- VIP服务器间转送文件,vip服务器
- html中的变圆的属性,CSS3属性之圆角效果——border-radius属性
- java中bean的作用域有哪些_Spring中Bean的作用域