onViewableItemsChanged简介

FlatList是React Native提供的一个高性能的列表组件，本身具备了列表Item缓存复用的逻辑，并且还支持下拉刷新等功能。在列表开发中，特别是FlatList列表滚动时，需要监听当前那些数据item在可见范围内，这时候就需要用到FlatList的onViewableItemsChanged属性。使用onViewableItemsChanged要与viewabilityConfig绑定使用。

• onViewableItemsChanged：在可见行元素变化时调用。
• viewabilityconfig：可见范围和变化频率等参数的配置。

viewabilityconfig常用的配置有如下一些：

如果不配置viewabilityconfig，viewabilityconfig是有一些默认属性值的。

示例

在左右分类的列表中，我们将向你展示如何onViewableItemsChanged实现可见列表的刷新，效果如下图所示。

首先，我们使用已经封装好的