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