react-native 下拉刷新组件 react-native-pull-to-refresh

作者: cayman 分类: 文档 发布时间: 2017-06-14 12:41

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

The pull-to-refresh view component for React Native

npmnpm

NPM

js-standard-style forthebadge

演示

iOS Android
demo demo

安装

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

开始

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(defalt:0)

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

offset(defalt:80iOS

distance of pull to refresh

colors(defalt:#000Android

The background color of the refresh indicator

progressBackgroundColor(defalt:transparentAndroid

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

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注