Awesome Open Source
Awesome Open Source

react-native-pull-to-refresh (iOS/Android)

The pull-to-refresh view component for React Native

npmnpm

NPM

js-standard-style forthebadge

Demo

iOS Android
demo demo

Installation

npm i react-native-pull-to-refresh --save

Getting started

import PTRView from 'react-native-pull-to-refresh';


var PullToRefreshProject = React.createClass({
  _refresh: function() {
    return new Promise((resolve) => {
      setTimeout(()=>{resolve()}, 2000)
    });
  },
  render: function() {
    return (
      <PTRView onRefresh={this._refresh} >
        <View style={styles.container}>
          <Text style={styles.welcome}>
            Let's Pull!
          </Text>
        </View>
      </PTRView>
    );
  },
});

Props

onRefresh

The method of refresh. You have to return promise object.

delay(default:0)

delay time of refresh. If you set this this prop, refresh function will be delayed

offset(default:80) iOS

distance of pull to refresh

colors(default:#000) Android

The background color of the refresh indicator

progressBackgroundColor(default:transparent) Android

The background color of the refresh indicator

Contributing

Welcome :)

You can use following command in example dir:

npm run sync

During running this command, when you change source to implement/fix something, these changes will sync to example/node_modules/react-native-pull-to-refresh/. You can check your change using example project easily.

License

MIT


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,537,981
Reactjs (75,919
React Native (11,831
Component (4,571
Ui Components (1,725
Pull To Refresh (154
Related Projects