这次给大家带来react-native flatlist上拉加载onendreached频繁触发怎么解决，解决react-native flatlist上拉加载onendreached频繁触的注意事项有哪些，下面就是实战案例，一起来看一下。
问题
在写flatlist复用组件时，调用的时候如果父组件是不定高的组件，会造成组件无法显示
如果父组件样式{flex：1}，则会出现下拉方法频繁触发或不正常触发的问题（我这里出现的问题是在列表第6个项目在底部时，缓慢上拉会多次触发flatlist的onendreached监听）
原因推测是因为{flex：1}不适合做动态高度组件的父组件样式，会错误的判断高度导致onendreached多次不正常触发。
解决可以把列表上方所需的组件做成header属性传入组件当做flatlist的头部组件，这样就可以直接调用封装好的组件。
也可以把父元素的样式设成{height: '100%'}，这样就可以正确的触发onendreached监听。
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
javascript之优化dom
vue的计算属性
以上就是react-native flatlist上拉加载onendreached频繁触发怎么解决的详细内容。