React Native 下拉刷新组件分享(Android和ios通用)

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

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


松开刷新后的状态

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

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

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

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

源码

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

<ListView>填充
获取刷新状态

文字可自行修改.

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

rn版本

将这里注释掉即可.

版本样式兼容问题修改
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容