关于 RN 里面的上拉加载一直是个问题。
至于 FlatList SectionList 自带的上拉加载功能,根本就是骗人的。
不满屏就回调,上拉若干次后则不再回调
等等,且不想再吐槽。
其实就是个小问题,解决就行了。
早就有这个问题,也早就解决了,今天有人问我这个问题,顺便就封装了一下。
有点:
- 支持上拉和下拉刷新
- 不用做任何标志位标志上拉下拉
- 支持无更多数据功能
- 支持代码使其自动下拉刷新(场景:第一次页面加载完毕,自动下拉)
- 内容超过屏幕,距离滑动到底部 30 单位,自动回调上拉
待完善:
- 支持自定义上拉、下拉提示文本
- 支持自定义距离上拉完毕一定距离触发上拉回调。默认 30
其实是没必要的完善。每个项目的风格只会存在一套。又不是每个地方都需要设置,拿到源码,刷刷的改几个字就可以了嘛。封装这些功能,真不如做个健身操来的实在

源码贡献:
npm 引入:"react-native-kk-refresh": "1.0.0"
npm 源码:react-native-kk-refresh
github 源码: https://github.com/TieShanWang/react-native-refresh.git
网友评论