react-native-pullview

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 when pulling
• onPullOk: handle function when pullok
• onPullRelease: handle function when pullrelease
• topIndicatorRender: top indicator render function, access 3 argument: ispulling, ispullok, ispullrelease
• topIndicatorHeight: top indicator height, require if define topIndicatorRender
• isPullEnd: 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 refreshing
• refreshing: Whether the view should be indicating an active refresh.

Licensed

MIT License

中文说明请参见

https://github.com/greatbsky/react-native-pullview/wiki