Skip to content

Latest commit

 

History

History
22 lines (21 loc) · 1.18 KB

README.md

File metadata and controls

22 lines (21 loc) · 1.18 KB

react-pullRefresh

react下拉刷新,上滑加载组件,解决了微信等浏览器卡顿等问题,希望经过市场的验证

如何使用
npm install
npm start

打开浏览器 http://localhost:8080 下面展示了几个常用属性的使用,其他属性使用请参考组件

<PullRefresh
      onPull={(f)=>{ //下拉刷新的回调,参数为一个回调函数,执行回调函数时说明下拉刷新已完成,会恢复正常状态,如果不需要下拉刷新,置为null
       setTimeout(f,1000)
      }}
      needLoadMore={false}  //为false时没有上滑加载跟多功能,这个可以根据请求的list决定是否为true
      onLoadMore={(r,f)=>{   //下拉刷新事件执行,俩个回调参数r,f ,执行r()时,才可以进入下一页的请求,执行f()时说明所有的请求已完毕,下方会展示无更多内容
           setTimeout(r,1000)
         }}
      windowScroll={false}  //是否直接在window的scroll中使用,为false时组件的高度为100%,需要父元素有一个高度,百分比也可,这样组件可在里面滚动,
            >
            <div>需要下拉包裹的元素</div>
<PullRefresh>