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

实现效果如下图:

1.引入组件

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

2.渲染页面组件

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

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

    pulling:正在下拉的状态

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

    pullrelease: 放手加载的状态

onPullRelease中定义下拉的动作。

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

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,466评论 25 708
  • 作者:ele828原文地址:https://github.com/ele828/react-native-guid...
    IT程序狮阅读 45,595评论 17 380
  • 本指南汇集React-Native各类学习资源,给大家提供便利。指南正在不断的更新,大家有好的资源欢迎Pull R...
    熊凯阅读 5,604评论 1 62
  • 昨天晚上男票去接我下课,已经九点了,两个人都没吃饭,于是就近选择了饭店。要了蒜蓉粉丝娃娃菜和水煮鱼,两碗米饭和一瓶...
    私人标签zx阅读 209评论 0 0
  • 1、实现一个函数克隆,可以对javascript中五中重要数据类型(包括number、string、Object、...
    hahahafffyyy阅读 298评论 1 0