Open sourced SwipeRefreshLayoutRecordingModule

Reviewed By: dmmiller Differential Revision: D3264212 fb-gh-sync-id: 8790200a0d3c47050d6a91c906854b3a55640829 fbshipit-source-id: 8790200a0d3c47050d6a91c906854b3a55640829
2025-11-01 09:14:26 +00:00 · 2016-05-05 08:17:02 -07:00
parent a1ba0918ab
commit 457e348081
10 changed files with 832 additions and 17 deletions
@@ -0,0 +1,90 @@
+/**
+ * Copyright (c) 2013-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 SwipeRefreshLayoutTestModule
+ */
+
+'use strict';
+
+var BatchedBridge = require('BatchedBridge');
+var React = require('React');
+var RecordingModule = require('NativeModules').SwipeRefreshLayoutRecordingModule;
+var ScrollView = require('ScrollView');
+var PullToRefreshViewAndroid = require('PullToRefreshViewAndroid');
+var Text = require('Text');
+var TouchableWithoutFeedback = require('TouchableWithoutFeedback');
+var View = require('View');
+
+var Row = React.createClass({
+  getInitialState: function() {
+    return {
+      clicks: 0,
+    };
+  },
+
+  render: function() {
+    return (
+      <TouchableWithoutFeedback onPress={this._onPress}>
+        <View>
+          <Text>
+            {this.state.clicks + ' clicks'}
+          </Text>
+        </View>
+      </TouchableWithoutFeedback>
+    );
+  },
+
+  _onPress: function() {
+    this.setState({clicks: this.state.clicks + 1});
+  },
+});
+
+var app = null;
+var SwipeRefreshLayoutTestApp = React.createClass({
+  getInitialState: function() {
+    return {
+      rows: 2,
+    };
+  },
+
+  componentDidMount: function() {
+    app = this;
+  },
+
+  render: function() {
+    var rows = [];
+    for (var i = 0; i < this.state.rows; i++) {
+      rows.push(<Row key={i} />);
+    }
+    return (
+      <PullToRefreshViewAndroid
+        style={{flex: 1}}
+        onRefresh={() => RecordingModule.onRefresh()}>
+        <ScrollView style={{flex: 1}}>
+          {rows}
+        </ScrollView>
+      </PullToRefreshViewAndroid>
+    );
+  },
+});
+
+var SwipeRefreshLayoutTestModule = {
+  SwipeRefreshLayoutTestApp,
+  setRows: function(rows) {
+    if (app != null) {
+      app.setState({rows});
+    }
+  }
+};
+
+BatchedBridge.registerCallableModule(
+  'SwipeRefreshLayoutTestModule',
+  SwipeRefreshLayoutTestModule
+);
+
+module.exports = SwipeRefreshLayoutTestModule;