React Native 下拉刷新组件分享(Android和io

话不多说,首先献上效果图,如果您觉得是你要的那种效果请继续往下看.

下拉刷新状态 下拉之后提示松开刷新 松开刷新后的状态

刷新状态的提示文字可自行修改.

下面讲解一下这个组件如何使用:

1. 首先这是一个第三方组件,打开命令行进入你需要使用该组件的项目下,执行 npm install react-native-pull --save

2.组件导入之后接下来就是编写代码啦,下面奉上代码

源码

<PullView></PullView>之间可以添加listview等组件,就如这种形式,这个你们自己琢磨一下啦.

<ListView>填充 获取刷新状态

文字可自行修改.

但是如果rn版本较低的话,可能会报错,错误的信息是这个组件的一个样式问题,不过莫慌.

rn版本

将这里注释掉即可.

版本样式兼容问题修改