ReactNative填坑之列表使用，如何做上拉刷新。

ReactNative填坑之列表使用，如何做上拉刷新。

注意点：FlatList，PullList，触发刷新关键点：onEndReachedThreshold，其中FlatList不是以像素为条件，

思路

当FlatList滑动到底部时，页面数加一，触发请求新一页的网络数据，更新到组件state中的数据源dataArray中，dataArray也作为FlatList的数据源data。实现滑动到底部触发网络请求通过FlatList的onEndReached和onEndReachedThreshold属性，onEndReached是在当列表被滚动到距离内容最底部不足onEndReachedThreshold的距离时调用。

上拉加载的关键onEndReached，当列表被滚动到距离内容最底部不足onEndReachedThreshold的距离时调用。注意：onEndReachedThreshold的值不是像素单位而是比值，例如，0.5表示距离内容最底部的距离为当前列表可见长度的一半时触发。

多页数据合并展示注意点

作者：街角仰望
链接：https://www.jianshu.com/p/4e7185fc9740
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

 

参考文章：

react-native flatlist 的进阶使用 （头尾，间隔组件和滚动事件）

https://blog.csdn.net/u011272795/article/details/74359305

React Native填坑之旅 -- FlatList

https://www.cnblogs.com/sunshine-anycall/p/7820485.html

关键点：

React Native FlatList上拉加载

https://www.jianshu.com/p/4e7185fc9740

ReactNative中文网

https://reactnative.cn/docs/flatlist/#docsNav