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

flatList和scrollView的区别

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

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

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

你可能感兴趣的:(使用flatList和scrollView实现上拉加载和下拉刷新)