无法从React Native获取WebView内部的数据

时间:2018-12-04 11:44:53

标签: reactjs react-native webview expo

在react Native中添加了Webview,从而呈现了HTML

在加载Webview时,我正在获取Webview引用并调用后消息消息功能并传递数据。

在webview html脚本标记中,我添加了“消息”事件侦听器,以从webview捕获数据,但永远不会出现。

反应本机Webview代码:

this.refs.webview.postMessage(“Hello There”);
<WebView
                ref="webview"
                style={styles.WebViewContainer}
                javaScriptEnabled={true}
                domStorageEnabled={true}
                source={require('../IntegrationTemplates/template_responsive.html')}
                scalesPageToFit={true}
            />

在HTML头中:

    <script>

    window.addEventListener('message', function(data) {
//data not coming here
                alert("message" + data.data);
            }, false)
    </script>

1 个答案:

答案 0 :(得分:0)

使用文档代替窗口:

<script>

document.addEventListener("message", function(event) {
   console.log("Received post message", event);
}, false);

</script>