React-Native应用ListView实现上拉下拉刷新效果实践

前言

在移动应用中，上拉刷新加载更多，下拉刷新列表的操作非常常见，那么在React-Native中应该如何实现呢，我们具体来看一下？

必备的组件

1. ListView：效果和ScrollView比较类似，但是效率会高些，因为只渲染当前屏幕显示的数据。
2. RefreshControl：这是一个组件嵌入到ListView，ScrollView中，实现刷新的效果。

上面两个组件都是RN自带的组件的实现起来比较容易。

实现方法

对于上拉刷新我们需要引入ActivityIndicator, 这是最近几个版本才有的组件，之前叫做ActivityIndicatorIOS. 目前可以支持Android和IOS两个系统。

引入组件：

import {
        ListView，
        RefreshControl,
        ActivityIndicator
} from 'react-native';

具体代码：

    reloadWordData() {
                return new Promise((resolve) => {
                        setTimeout(()=>{resolve()}, 2000)
                });
        }

        renderFooter() {