rmc-pull-updown-to-refresh
An accessible and easy component for ReactJS
简单易用的react拖拉翻页组件
Installing
npm
npm i rmc-pull-updown-to-refresh -S
yarn
yarn add rmc-pull-updown-to-refresh
Basic Example
; ; { window; thistime1 = ; }; { window; thistime2 = ; }; ... { return <div> <PullToRefresh className=sbg_orange onPullDown=thisonPullDown disablePullUp=false disablePullDown=false pullDownText="左下拉更新" pullUpText="左上拉更新" onPullUp=thisonPullUp loadBackground="#eee" loadTextColor="#999" loadIcon=loadheart pullIcon=rocket > <ul> <li>...youlist</li> <li>...youlist</li> <li>...youlist</li> ... </ul> </PullToRefresh> } }
API
- ### onPullDown: () => Promise
下拉事件
{ if resove if reject }
<PullToRefresh onPullDown=thisonPullDown > </PullToRefresh>
- ### onPullUp: () => Promise
上拉事件
{ if resove if reject }
<PullToRefresh onPullUp=thisonPullUp > </PullToRefresh>
- ### disablePullUp: boolean
禁用上拉事件
<PullToRefresh disablePullUp > </PullToRefresh>
- ### disablePullDown: boolean
禁用下拉事件
<PullToRefresh disablePullDown > </PullToRefresh>
- ### pullDownText: string
下拉状态提示文案
<PullToRefresh pullDownText="pullDownText" > </PullToRefresh>
- ### pullUpText: string
上拉状态提示文案
<PullToRefresh pullUpText="pullUpText" > </PullToRefresh>
- ### loadBackground: string 下拉状态条背景色
<PullToRefresh loadBackground="#eee" > </PullToRefresh>
- ### loadTextColor: string 下拉状态条文字颜色
<PullToRefresh loadTextColor="#999" > </PullToRefresh>
- ### loadIcon: string 下拉条loading图标
;
<PullToRefresh loadIcon=loadheart > </PullToRefresh>
- ### loadIcon: string 下拉条下拉图标
;
<PullToRefresh pullIcon=rocket > </PullToRefresh>
Event flow
Demo
手机扫码体验