react-native-webview-bridge/examples/Sample2/app.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */
'use strict';

var React = require('react-native');
var {
  StyleSheet,
  Text,
  View,
  WebView
} = 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");
      };

    } else {
      window.location.href = "yahoo.ca";
    }
  }());
`;

var Sample2 = React.createClass({
  onBridgeMessage: function (message) {
    console.log(message);
  },
  render: function() {
    return (
      <WebViewBridge
        ref="webviewbridge"
        onBridgeMessage={this.onBridgeMessage}
        javaScriptEnabled={true}
        injectedJavaScript={injectScript}
        url={"https://google.com"}/>
    );
  }
});

module.exports = Sample2;