| | | | | | | ------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | | IE 10+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |

xy-pull-refresh

下拉刷新，下滑加载组件

安装

# yarn
yarn add xy-pull-refresh

使用例子

import React from "react";
import ReactDOM from "react-dom";
import PullRefresh from "xy-pull-refresh";
ReactDOM.render(
    <PullRefresh onLoadMore={loadData} onPullRefresh={refresh} enablePullRefresh={true}>
        <ul>
            <li>a</li>
        </ul>
    </PullRefresh>,
    container
);

API

| 属性 | 说明 | 类型 | 默认值 | | -------------------- | ------------------------------------------------------------------------------- | ----------------------------------- | -------------- | | loading | 是否正在加载数据/刷新数据 | boolean | false | | isNoMoreData | 是否没有更多数据 | boolean | false | | enableLoadMore | 是否开启加载更多, 滚动到底部会触发加载更多事件 | boolean | true | | enablePullRefresh | 是否开启下拉刷新 | boolean | false | | initLock | 是否初始化锁定,在多个 tab 情况下，默认不是当前激活 tab 的，不需要主动去加载数据 | boolean | true | | threshold | 阈值, 下拉到距离以上刷新 | number | 150 | | onLoadMore | 加载更多事件 | Function | - | | onPullRefresh | 下拉刷新事件 | Function | - | | noMoreDataNode | 没有数据元素 | React.ReactNode | 没有更多数据 | | bottomIndicatorTips | 上滑加载提示元素 | React.ReactNode | 上滑加载数据 | | notEnoughRefreshNode | 不够下拉刷新时提示 | React.ReactNode, GetPullRefreshNode | - | | overRefreshNode | 足够下拉刷新时提示 | React.ReactNode | - |

开发

yarn run start

例子

http://localhost:6006

测试

yarn run test

开源许可

xy-pull-refresh is released under the MIT license.