react-native flatlist 上拉加载onEndReached方法频繁触发的问题
问题
在写flatlist复用组件时,调用的时候如果父组件是不定高的组件,会造成组件无法显示
如果父组件样式{flex:1},则会出现下拉方法频繁触发或不正常触发的问题(我这里出现的问题是在列表第6个项目在底部时,缓慢上拉会多次触发flatlist的onEndReached监听)
原因
推测是因为{flex:1}不适合做动态高度组件的父组件样式,会错误的判断高度导致onEndReached多次不正常触发。
解决
可以把列表上方所需的组件做成header属性传入组件当做flatlist的头部组件,这样就可以直接调用封装好的组件。
也可以把父元素的样式设成{height: '100%'},这样就可以正确的触发onEndReached监听。
转载于:https://www.cnblogs.com/macq/p/8583371.html
react-native flatlist 上拉加载onEndReached方法频繁触发的问题相关推荐
- react native学习笔记13——FlatList上拉加载
我们可以利用官方组件RefreshControl实现下拉刷新功能,但React Native官方没有提供相应的上拉加载的组件,因此在RN中实现上拉加载比下拉刷新要复杂一点. 虽然没有直接提供上拉加载的 ...
- uni-app 上拉加载函数 onReachBottom 不触发
记一次问题解决记录. 问题:uni-app 上拉加载函数不触发. 首先我已经在 pages.json 文件中配置了 enablePullDownRefresh 为 true,且配置正确. {" ...
- html下拉刷新原理,微信小程序 下拉刷新及上拉加载原理解析
这篇文章主要介绍了微信小程序 下拉刷新及上拉加载实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.下拉刷新的概念及应用场景. 概念: 下拉 ...
- Android ListView 实现下拉刷新上拉加载
转载请注明出处:http://blog.csdn.net/allen315410/article/details/39965327 1.简介 无疑,在Android开发中,ListView是使用非常频 ...
- h5结合vant框架,实现列表上拉加载下拉刷新
最近在做h5移动页面开发,并且需要用移动端android和ios将h5嵌进去.在开发过程中,使用了vant这个框架: vant文档:https://youzan.github.io/vant/#/zh ...
- uniapp 实现上拉加载
1.page.json中,将 enablePullDownRefresh 设置为 true {"path": "pages/home/communityNews" ...
- React Native 实现FlatList的下拉刷新上拉加载
RN对列表已经实现了下拉刷新与上拉加载的功能,但是为了更好用,做了封装. 实现的功能: 1.下拉刷新,使用原生下拉头. 2.上拉加载,自定义加载布局. 3.处理了重复刷新或重复 ...
- React Native 上拉加载
实现的比较简单,原理就是在下一页有数据的情况下,ScrollView底部始终会有一个loading图表和加载中的文字,每次ScrollView滚动到底部时loading部分就会显示出来,然后去请求数据 ...
- React上拉加载和下拉刷新
最近在做一个功能,就是上拉加载下一页,用的是react搭建前端视图,以下是我的做法和遇到的相关问题及解决办法: 案例一:回到顶部 class Home extends Component {consr ...
最新文章
- Jittor框架API
- 【青少年编程】【四级】词语接龙
- golang编译错误 copying /tmp/go-build069786374/b001/exe/a.out: No such file or directory 解决方法
- 皮一皮:这剧透的太厉害了...
- 在CentOS下安装crontab服务
- Ruby BigDecimal库拒绝服务漏洞
- 手机信号G、E、O、3G代表什么意思?
- 计算机基础考试题附答案——《第陆篇》
- css实现w3cschool广告轮播图
- sw槽钢插件_SolidWorks所有实用插件详解一览
- workflow-工作流
- 苹果手机一直显示搜索服务器,苹果手机safari浏览器搜索页面没有了
- win7共享中心服务器运行失败,win7网络共享中心打不开怎么办
- 英语与计算机工作总结,2017年上学期英语教师个人工作总结与2017年上学期计算机教学工作总结合集.doc...
- 地域微信平台自媒体,原创视频如何插入腾讯地图
- python:TypeError:takes at least 8 arguments (9 given)
- Apple Watch使用指南:所有Apple Watch图标和符号含义
- 如何在 Mac 中隐藏文件或文件夹?
- 移远公司 NB-IoT模块AT指令详细解释
- HDMI 网线延长器
热门文章
- Linux系统 proc self,Linux内核源代码情形分析-特殊文件系统/proc-对/proc/self/cwd的访问...
- WEB入门实践-张晨光-专题视频课程
- python 封装_Python 面向对象三大特性之封装
- SpringCloud学习笔记(1)- Spring Cloud Netflix
- 跳跃问题(Java)
- Shell脚本编程详解
- 总结:华科教授给本校2013级计算机学院硕士生论文提的几点意见
- 【JAVA编码专题】JAVA字符编码系列一:Unicode,GBK,GB2312,UTF-8概念基础
- ES 在数据量很大的情况下如何提高查询效率
- 大量DelegatingClassLoader类加载器,导致Perm区溢出