码迷,mamicode.com
首页 > 其他好文 > 详细

Tips——Flatlist的onEndReached多次触发问题解决

时间:2019-04-26 20:50:51      阅读:456      评论:0      收藏:0      [点我收藏+]

标签:功能   strong   网络   each   机制   item   自己的   加载   one   

一、问题

RN项目里使用Flatlist组件,上拉刷新item过多时,出现跳屏、闪屏、空白屏等问题。

二、原因

先在render函数里log了一下,发现没有re-render,判断不是网络请求或页面内组件数据变动导致的重复渲染;

然后判断是Flatlist自己的触底监听机制有问题;

最后查到是因为外层父View没有设置固定height或只设置{flex:1}属性,导致onEndReached不能正确监听事件。

三、解决

1.给外层父组件一个固定高度{height:‘100%’};

2.设置onEndReachedThreshold={0.01},确保滑动到距离底部最后0.01时再调动加载功能即可。

Tips——Flatlist的onEndReached多次触发问题解决

标签:功能   strong   网络   each   机制   item   自己的   加载   one   

原文地址:https://www.cnblogs.com/bbcfive/p/10776396.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!