react-native-refresh-loadmore-scrollview v1.0.5

react-native-refresh-loadmore-scrollview

A component which add Onrefresh and OnloadMore function on ScrollView just for android .

for ios,you can find the component from github written in pure javascript.

but android I cannot handle the scroll event in javascript .

in react-native 0.17.0-rc code,SwipeRefreshLayoutManager.java has achieved the pull-down-refresh but no pull-up-loadmore,

so I modify the SwipeRefreshLayoutManager.java to add the pull-up-loadmore .

use:

     npm install react-native-refresh-loadmore-scrollview --save

in android Setting.gradle add include and projectDir config like this:

 rootProject.name = 'example'

 include ':react-native-refresh-loadmore-scrollview'

  project(':react-native-refresh-loadmore-scrollview').projectDir = new File(rootProject.projectDir,              '../node_modules/react-native-refresh-loadmore-scrollview')

and in application's build.gradle

  add compile project(':react-native-refresh-loadmore-scrollview') in dependencies like this:

dependencies {

  compile project(':react-native-refresh-loadmore-scrollview')

}

then in your js code ,you can use the component as your own ListView's parentView,like this:

Example.js

var RNRLScrollView = require('react-native-refresh-loadmore-scrollview') ;

var React = require('react-native');

var {ListView} = React ;

module.exports = React.createClass({

render(){

    _onLoadmore(){
        //do your loadmore operate and change the ListView's datasource
        console.log('onLoadmore=================') ;
    },

    _onRefresh(){
     //do your refresh operate and change the ListView's datasource
        console.log('onRefresh=================') ;
    },

    return(
        <RNRLScrollView onLoadMore={this._onLoadmore} onRefresh={this._onRefresh}>
            <ListView/>
         </RNRLScrollView>
    ) ;
},

}) ;