实现效果如下图:
1.引入组件
import {PullView} from 'react-native-pull';
2.渲染页面组件
其中topIndicatorHeight组件用来设置下拉刷新促发的距离。
如下图,在topIndicatorRender中我们可以定制下拉刷新自己的样式,
pulling:正在下拉的状态
Pullok:已经拉倒位置,可以放手的状态
pullrelease: 放手加载的状态
onPullRelease中定义下拉的动作。
3.是不是觉得很简单呢,哈哈哈,github地址react-native-pull