Xy-pull-refresh NPM


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

NPM version npm download

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	-