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

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

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,054评论 3 119
  • #hhhh
    lwhome阅读 1,396评论 0 1
  • 这是一篇标题党。 二月的你过得怎么样呢?二月度过了最长的那个叫做春节的假期,整个人都是懒懒散散的,2月3号大家开始...
    坚持自己最初的梦阅读 1,810评论 0 0
  • 同学你好,忙吗? 荀:还记得我们是怎么认识的嘛? 方:记得啊是新生群里。那时我大一你大四,现在我大四了。 荀:多么...
    蛇蝎说阅读 2,394评论 0 0
  • 明日歌 [清]钱泳 明日复明日,明日何其多。 我生待明日,万事成蹉跎。 世人若被明日累, 春去秋来老将至。 朝看东...
    江南莫之阅读 5,374评论 18 24

友情链接更多精彩内容