示例查看 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 - 刷新完成 |