react-native-pullview
v1.0.7
Published
PullView component in React Native both for Android and iOS, pull to refresh
Downloads
33
Maintainers
Readme
react-native-pullview
This is the PullView
& PullList
component in React Native both for Android and iOS, pull to refresh, very useful & easily!
This is a JavaScript-only implementation of PullView
& PullList
in React Native. Like ScrollView
and ListView
, PullView
can host multiple components and views, PullList
can efficient display of vertically scrolling lists of changing data. Better than ScrollView & ListView in Android, this PullView
& PullList
can be pull down, then show top indicator, the top indicator have three state: pulling, pullok, pullrelease. And more, PullView
also can make you use refreshControl to provide pull-to-refresh same as scrollview. PullList
also can make you use any props like ListView.
PullView
& PullList
demo project: https://github.com/greatbsky/react-native-pullview-demo
PullView
Demo
PullView
Usage
- Run
npm install react-native-pullview --save
- Code like this:
import {PullView} from 'react-native-pullview';
onPullRelease(resolve) {
//do something
resolve();
}
<PullView onPullRelease={this.onPullRelease}>
//<Children />
</PullView>
- Full demo code: https://github.com/greatbsky/react-native-pullview-demo/blob/master/PullViewDemo/app.js
PullList
Demo
PullList
Usage
1. Run `npm install react-native-pullview --save`
2. Code like this:
import {PullList} from 'react-native-pullview';
onPullRelease(resolve) {
//do something
resolve();
}
<PullList onPullRelease={this.onPullRelease} {...and some ListView Props}/>
- Full demo code: https://github.com/greatbsky/react-native-pullview-demo/blob/master/PullListDemo/app.js
PullView
& PullList
configuration
**Pull down props for PullView
& PullList
**
onPulling
: handle function whenpulling
onPullOk
: handle function whenpullok
onPullRelease
: handle function whenpullrelease
topIndicatorRender
: top indicator render function, access 3 argument: ispulling, ispullok, ispullreleasetopIndicatorHeight
: top indicator height, require if define topIndicatorRenderisPullEnd
: whether release pull, if true, will hide top indicator, not require
Just for PullView
, refreshcontrol props support onRefresh & refreshing if you want to use refreshcontrol like scrollview.
onRefresh
: Called when the view starts refreshingrefreshing
: Whether the view should be indicating an active refresh.
Licensed
MIT License
中文说明请参见
https://github.com/greatbsky/react-native-pullview/wiki