使用flatList和scrollView实现上拉加载和下拉刷新

flatList和scrollView的区别

scrollView是全量渲染,flatList是经过优化后的渲染,只会渲染可视区的节点和接近用户可试区的节点

  • flatList和scrollView通过refreshControl实现下拉刷新
    通过控制refreshControl的refreshing属性和onRefresh方法实现此功能,refreshing标示是否在刷新状态,onRefresh方法是用户下拉时触发的回调函数。在onRefresh函数众控制refreshing状态的即可。

  • 通过onEndReach方法实现上拉分页加载
    当用户上拉到距离底部某个距离时触发函数,距离通过onEndReachedThreshold控制,在触发函数中控制ListFooterComponent底部组件的状态,组件状态分为三个状态,第一种状态是用户刚进入页面时,如果页面可视区不能展示所有列表,则是无状态。第二种状态是所有列表加载完成。第三种状态是加载中状态。在onEndReach方法中控制三种状态。页面初始化会调用一次onEndReach方法。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容