示例查看 http://qinwang.maojiemao.com/refresh

安装

yarn add @nuonuonuonuoyan/react-pulldown-refresh或npm i @nuonuonuonuoyan/react-pulldown-refresh

import PulldownRefresh from '@nuonuonuonuoyan/react-pulldown-refresh'

API

| 属性 | 说明 | 类型 | 默认值 | | -------------- | -------------------------------- | ------------------------------------------------------------------------------- | ---------- | | headClass | 提示文案的容器类 | string | | | renderText | 根据下拉状态自定义下拉提示的文案 | (status) => ReactNode | | | pullingText | 下拉的提示文案 | string | ReactNode | 用力下拉 | | canReleaseText | 释放可触发刷新的文案 | string | ReactNode | 松手可刷新 | | refreshingText | 正在刷新，即正在请求接口的文案 | string | ReactNode | 刷新中 | | completeText | 刷新完成的展示文案 | string | ReactNode | 刷新完成 | | onRefresh | 刷新时执行的函数 | () => Promise | | | disabled | 禁止下拉刷新 | boolean | false |

status

| 说明 | | ------------------------------------------------------------------------------------------------------------------------------------------------- | | status 的几个状态： pulling - 下拉中 canRelease - 下拉临界值，松手后可触发刷新 refreshing - 刷新中 complete - 刷新完成 |