1.0.3 • Published 6 years ago
react-pull-refresh2 v1.0.3
pull-refresh
use
npm install pull-refresh -saveimport PullRefresh from 'pull-refresh'
render(){
return <div>
<PullRefresh
onRefresh={(resolve)=>{
setTimeout(()=>{
resolve()
}, 2000)
}}
/>
</div>
}GIF
Example Source Code
props
| 参数 | 是否必要 | 默认值 | 说明 |
|---|---|---|---|
| pullRootId | 否 | document.body | 如果页面有fixed头需要此参数来设置下拉的element |
| pullMaxDistance | 否 | 90 | 最大下拉的距离，也就是默认刷新提示框的高度（为了更好下拉体验，实际下拉会超过这个高度） |
| renderUI(status, progress) | 否 | 简单ui | 自定义刷新UI |
| onRefresh(resolve, reject) | 否 | 内置3秒刷新完成 | 调用resolve后，刷新完成 |