react-native 下拉刷新react-native-pull

实现效果如下图:

react-native 下拉刷新react-native-pull_第1张图片

1.引入组件

import {PullView} from 'react-native-pull';

2.渲染页面组件

其中topIndicatorHeight组件用来设置下拉刷新促发的距离。

如下图,在topIndicatorRender中我们可以定制下拉刷新自己的样式,

    pulling:正在下拉的状态

    Pullok:已经拉倒位置,可以放手的状态

    pullrelease: 放手加载的状态

onPullRelease中定义下拉的动作。

react-native 下拉刷新react-native-pull_第2张图片

3.是不是觉得很简单呢,哈哈哈,github地址react-native-pull

你可能感兴趣的:(react-native 下拉刷新react-native-pull)