美文网首页React Native学习RN
FlatList ListView SectionList 下拉

FlatList ListView SectionList 下拉

作者: wangtieshan | 来源:发表于2018-08-02 18:59 被阅读5次

关于 RN 里面的上拉加载一直是个问题。
至于 FlatList SectionList 自带的上拉加载功能,根本就是骗人的。
不满屏就回调,上拉若干次后则不再回调
等等,且不想再吐槽。

其实就是个小问题,解决就行了。

早就有这个问题,也早就解决了,今天有人问我这个问题,顺便就封装了一下。

有点:

  • 支持上拉和下拉刷新
  • 不用做任何标志位标志上拉下拉
  • 支持无更多数据功能
  • 支持代码使其自动下拉刷新(场景:第一次页面加载完毕,自动下拉)
  • 内容超过屏幕,距离滑动到底部 30 单位,自动回调上拉

待完善:

  • 支持自定义上拉、下拉提示文本
  • 支持自定义距离上拉完毕一定距离触发上拉回调。默认 30

其实是没必要的完善。每个项目的风格只会存在一套。又不是每个地方都需要设置,拿到源码,刷刷的改几个字就可以了嘛。封装这些功能,真不如做个健身操来的实在

refresh.gif

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

相关文章

网友评论

    本文标题:FlatList ListView SectionList 下拉

    本文链接:https://www.haomeiwen.com/subject/juvsvftx.html