FlatList组件onViewableItemsChanged实现左右列表联动
Posted xiangzhihong8
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了FlatList组件onViewableItemsChanged实现左右列表联动相关的知识，希望对你有一定的参考价值。
onViewableItemsChanged简介
FlatList是React Native提供的一个高性能的列表组件，本身具备了列表Item缓存复用的逻辑，并且还支持下拉刷新等功能。在列表开发中，特别是FlatList列表滚动时，需要监听当前那些数据item在可见范围内，这时候就需要用到FlatList的onViewableItemsChanged属性。使用onViewableItemsChanged要与viewabilityConfig绑定使用。
- onViewableItemsChanged：在可见行元素变化时调用。
- viewabilityconfig：可见范围和变化频率等参数的配置。
viewabilityconfig常用的配置有如下一些：
如果不配置viewabilityconfig，viewabilityconfig是有一些默认属性值的。
示例
在左右分类的列表中，我们将向你展示如何onViewableItemsChanged实现可见列表的刷新，效果如下图所示。
首先，我们使用已经封装好的
以上是关于FlatList组件onViewableItemsChanged实现左右列表联动的主要内容，如果未能解决你的问题，请参考以下文章
即使将数据（数组）提供给组件，FlatList 也会呈现为空白