updated the example to support both ios and android

Author: alinz

examples/Sample2/app.js

@@ -0,0 +1,53 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ */
+'use strict';
+
+var React = require('react-native');
+var {
+  StyleSheet,
+  Text,
+  View,
+} = React;
+
+var WebViewBridge = require('react-native-webview-bridge');
+
+const injectScript = `
+  (function () {
+    if (WebViewBridge) {
+
+      WebViewBridge.onMessage = function (message) {
+        alert('got a message from Native: ' + message);
+
+        WebViewBridge.send("message from webview");
+      };
+
+    }
+  }());
+`;
+
+var Sample2 = React.createClass({
+  componentDidMount() {
+    setTimeout(() => {
+      this.refs.webviewbridge.sendToBridge("hahaha");
+    }, 5000);
+  },
+  onBridgeMessage: function (message) {
+    console.log(message);
+  },
+  render: function() {
+    return (
+      <WebViewBridge
+        ref="webviewbridge"
+        onBridgeMessage={this.onBridgeMessage}
+        injectedJavaScript={injectScript}
+        onBridgeMessage={(message) => {
+          console.log(message);
+        }}
+        url={"http://google.com"}/>
+    );
+  }
+});
+
+module.exports = Sample2;

examples/Sample2/index.android.js

@@ -5,48 +5,8 @@
 'use strict';
 
 var React = require('react-native');
-var {
-  AppRegistry,
-  StyleSheet,
-  Text,
-  View,
-} = React;
+var { AppRegistry } = React;
 
-var Sample2 = React.createClass({
-  render: function() {
-    return (
-      <View style={styles.container}>
-        <Text style={styles.welcome}>
-          Welcome to React Native!
-        </Text>
-        <Text style={styles.instructions}>
-          To get started, edit index.android.js
-        </Text>
-        <Text style={styles.instructions}>
-          Shake or press menu button for dev menu
-        </Text>
-      </View>
-    );
-  }
-});
-
-var styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF',
-  },
-  welcome: {
-    fontSize: 20,
-    textAlign: 'center',
-    margin: 10,
-  },
-  instructions: {
-    textAlign: 'center',
-    color: '#333333',
-    marginBottom: 5,
-  },
-});
+var Sample2 = require('./app');
 
 AppRegistry.registerComponent('Sample2', () => Sample2);

examples/Sample2/index.ios.js

@@ -5,50 +5,8 @@
 'use strict';
 
 var React = require('react-native');
-var {
-  AppRegistry,
-  StyleSheet,
-  Text,
-  View,
-} = React;
+var { AppRegistry } = React;
 
-var WebViewBridge = require('react-native-webview-bridge');
-
-const injectScript = `
-  (function () {
-    if (WebViewBridge) {
-
-      WebViewBridge.onMessage = function (message) {
-        alert('got a message from Native: ' + message);
-
-        WebViewBridge.send("message from webview");
-      };
-
-    }
-  }());
-`;
-
-var Sample2 = React.createClass({
-  componentDidMount() {
-    setTimeout(() => {
-      this.refs.webviewbridge.sendToBridge("hahaha");
-    }, 5000);
-  },
-  onBridgeMessage: function (message) {
-    console.log(message);
-  },
-  render: function() {
-    return (
-      <WebViewBridge
-        ref="webviewbridge"
-        onBridgeMessage={this.onBridgeMessage}
-        injectedJavaScript={injectScript}
-        onBridgeMessage={(message) => {
-          console.log(message);
-        }}
-        url={"http://google.com"}/>
-    );
-  }
-});
+var Sample2 = require('./app');
 
 AppRegistry.registerComponent('Sample2', () => Sample2);