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