react-native 下拉刷新react-native-pu

2017-03-26  本文已影响0人  木中木

实现效果如下图:

1.引入组件

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

2.渲染页面组件

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

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

    pulling:正在下拉的状态

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

    pullrelease: 放手加载的状态

onPullRelease中定义下拉的动作。

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

上一篇 下一篇

猜你喜欢

热点阅读