React Native Access WebView Actions #59

YangYouYong · 2016-02-25T05:56:20Z

How can I access webview function in react native When I use your plugin?
In my webview when i tapped a button , it will calls a function named onClick , I want to response to this function in react native . so what code should i write in my script? Can you give me any suggestion? , I try to inject a JavaScript like this

var myPageScripts = function() {
  function WebViewBridgeReady(cb) {
    if (window.WebViewBridge) {
      cb(window.WebViewBridge);
      return;
    }
    function handler() {
      document.removeEventListener('WebViewBridge', handler, false);
      cb(window.WebViewBridge);
    }
    document.addEventListener('WebViewBridge', handler, false);
  }
  WebViewBridgeReady(function (WebViewBridge) {
    WebViewBirdge.onMessage = {
      onClick : function() {
        WebViewBirdge.send("onClick")
      }
    }
  });
};
myPageScripts = `(${myPageScripts.toString()}());`;

The text was updated successfully, but these errors were encountered:

alinz · 2016-02-25T15:24:03Z

@YangYouYong I do have an example with latest react-native that showcases the message passing between webview and react-native. Take a look at this one and if you need more help let me know.

YangYouYong · 2016-03-03T01:56:02Z

@alinz help me eg:test.html

<!DOCTYPE html>
    <html>
    <head>
    <script>

    function clicked() {
        alert("clicked button");
    }
</script>
</head>

<body >
<button onclick="clicked()">Touch me</button>
</body>
</html>

How can I write the inject JavaScript code to response to the function clicked() called in test.html ?

YangYouYong · 2016-03-04T01:47:46Z

@alinz I solve it by change my test.html like this :

<!DOCTYPE html>
    <html>
    <head>
    <script>

    function clicked() {
         window.WebViewBridge.send('doSomething')
    }
</script>
</head>

<body >
<button onclick="clicked()">Touch me</button>
</body>
</html>

alinz · 2016-03-05T15:56:43Z

@YangYouYong, Nice. Since you have managed to solve your problem I'm closing this ticket.

alinz closed this as completed Mar 5, 2016

YangYouYong mentioned this issue Mar 18, 2016

[Android] injectScript not work! #69

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

React Native Access WebView Actions #59

React Native Access WebView Actions #59

YangYouYong commented Feb 25, 2016

alinz commented Feb 25, 2016

YangYouYong commented Mar 3, 2016

YangYouYong commented Mar 4, 2016

alinz commented Mar 5, 2016

React Native Access WebView Actions #59

React Native Access WebView Actions #59

Comments

YangYouYong commented Feb 25, 2016

alinz commented Feb 25, 2016

YangYouYong commented Mar 3, 2016

YangYouYong commented Mar 4, 2016

alinz commented Mar 5, 2016