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后，刷新完成 |