react-pull-refresh2

pull-refresh

use

  
npm install pull-refresh -save
 

 
import PullRefresh from 'pull-refresh'
 
render(){
 
  return <div>
    <PullRefresh 
    	onRefresh={(resolve)=>{
    		setTimeout(()=>{
    			resolve()
    		}, 2000)
    	}}
    />
  </div>
 
}
 

GIF

Example Source Code

• all example

  • 无需任何配置，直接使用
  • 监听刷新动作触发
  • 自定义刷新UI
  • 有fixed头

props

参数	是否必要	默认值	说明
pullRootId	否	document.body	如果页面有fixed头需要此参数来设置下拉的element
pullMaxDistance	否	90	最大下拉的距离，也就是默认刷新提示框的高度（为了更好下拉体验，实际下拉会超过这个高度）
renderUI(status, progress)	否	简单ui	自定义刷新UI
onRefresh(resolve, reject)	否	内置3秒刷新完成	调用resolve后，刷新完成