Skip to content

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

Notifications You must be signed in to change notification settings

liujunqiang29/react-pullRefresh

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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>

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages