react-native flatlist 上拉加载onEndReached方法频繁触发的问题

问题

在写flatlist复用组件时,调用的时候如果父组件是不定高的组件,会造成组件无法显示

如果父组件样式{flex:1},则会出现下拉方法频繁触发或不正常触发的问题(我这里出现的问题是在列表第6个项目在底部时,缓慢上拉会多次触发flatlist的onEndReached监听)

原因

推测是因为{flex:1}不适合做动态高度组件的父组件样式,会错误的判断高度导致onEndReached多次不正常触发。

解决

可以把列表上方所需的组件做成header属性传入组件当做flatlist的头部组件,这样就可以直接调用封装好的组件。

也可以把父元素的样式设成{height: '100%'},这样就可以正确的触发onEndReached监听。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏coding

vue.js组件切换

552
来自专栏全栈之路

90版坦克大战

涉及知识:ts、h5(canvas),nodejs,java,游戏开发(声音系统、图像系统、行为系统(按键绑定行为)、简单精灵、精灵动画、简单界面绘制),ps(...

581
来自专栏Jerry的SAP技术分享

将Chrome调试器里的JavaScript变量保存成本地JSON文件

前端开发的朋友们可能会遇到这个需求:将您负责开发的网页的全部内容,包括文字和图片,一起保存成一个PDF文件。如果采用屏幕截图的话,默认Windows操作系统的截...

1363
来自专栏Netkiller

通过 Proxy 汉化 restful 接口

本文节选自《Netkiller Web 手札》 1.4.14.6. 通过 Proxy 汉化 restful 接口 通过 proxy 汉化 restful 接口返...

34810
来自专栏青青天空树

初识mfc

  今天主要了解了Visual C++的开发环境Visual Studio(话说以前都是用来调试控制台程序的)和用mfc写了一个最简单的程序。

833
来自专栏Ken的杂谈

JS/Jquery解决回车键触发表单提交问题

因为现在大多数浏览器,当表单中的文本框或其他可提交元素为当前焦点时,敲回车键就会触发表单提交。

622
来自专栏Angular&服务

cordova扫描二维码

863
来自专栏debugeeker的专栏

《coredump问题原理探究》windows版5.4节联合体

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xuzhina/article/detai...

331
来自专栏Python、Flask、Django

composer安装Yii框架

1282
来自专栏py+selenium

py+selenium IE 定位到元素,但点击不了元素的问题【已解决】

 参考:https://www.cnblogs.com/gihyuqinqin/p/8067685.html

1592

扫码关注云+社区