Open source SwipeRefreshLayoutAndroid

Reviewed By: mkonicek

Differential Revision: D2679605

fb-gh-sync-id: 7f3e7384b37f29002ddd8cb7a4567fa96c76f047

Libraries/PullToRefresh/PullToRefreshLayoutAndroid.android.js

@@ -0,0 +1,87 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule PullToRefreshLayoutAndroid
+ */
+'use strict';
+
+var React = require('React');
+var RefreshLayoutConsts = require('NativeModules').UIManager.AndroidSwipeRefreshLayout.Constants;
+var View = require('View');
+
+var onlyChild = require('onlyChild');
+var processColor = require('processColor');
+var requireNativeComponent = require('requireNativeComponent');
+
+var NATIVE_REF = 'native_swiperefreshlayout';
+
+/**
+ * React view that supports a single scrollable child view (e.g. `ScrollView`). When this child
+ * view is at `scrollY: 0`, swiping down triggers an `onRefresh` event.
+ */
+var PullToRefreshLayoutAndroid = React.createClass({
+  statics: {
+    SIZE: RefreshLayoutConsts.SIZE,
+  },
+
+  propTypes: {
+    ...View.propTypes,
+    /**
+     * Whether the pull to refresh functionality is enabled
+     */
+    enabled: React.PropTypes.bool,
+    /**
+     * The colors (at least one) that will be used to draw the refresh indicator
+     */
+    colors: React.PropTypes.arrayOf(React.PropTypes.string),
+    /**
+     * The background color of the refresh indicator
+     */
+    progressBackgroundColor: React.PropTypes.string,
+    /**
+     * Whether the view should be indicating an active refresh
+     */
+    refreshing: React.PropTypes.bool,
+    /**
+     * Size of the refresh indicator, see PullToRefreshLayoutAndroid.SIZE
+     */
+    size: React.PropTypes.oneOf(RefreshLayoutConsts.SIZE.DEFAULT, RefreshLayoutConsts.SIZE.LARGE),
+  },
+
+  getInnerViewNode: function() {
+    return this.refs[NATIVE_REF];
+  },
+
+  render: function() {
+    return (
+      <NativePullToRefresh
+        colors={this.props.colors && this.props.colors.map(processColor)}
+        enabled={this.props.enabled}
+        onRefresh={this._onRefresh}
+        progressBackgroundColor={this.props.progressBackgroundColor}
+        ref={NATIVE_REF}
+        refreshing={this.props.refreshing}
+        size={this.props.size}
+        style={this.props.style}>
+        {onlyChild(this.props.children)}
+      </NativePullToRefresh>
+    );
+  },
+
+  _onRefresh: function() {
+    this.props.onRefresh && this.props.onRefresh();
+    this.refs[NATIVE_REF].setNativeProps({refreshing: !!this.props.refreshing});
+  }
+});
+
+var NativePullToRefresh = requireNativeComponent(
+  'AndroidSwipeRefreshLayout',
+  PullToRefreshLayoutAndroid
+);
+
+module.exports = PullToRefreshLayoutAndroid;