rn 调用webview组件调用h5传参

webview组件调用html页面并实现互相传值的功能

1.rn页面

 

html ——>  rn

html页面传参

 if(window.ReactNativeWebView){

    window.ReactNativeWebView.postMessage('值');

}

接收html的数据使用接收

onMessage={(event) => this.onMessage(event)}

 

2.html页面

rn ——> html

rn页面传值

message必须是字符串形式

this.webview.postMessage(message);

 

html页面接收

document.addEventListener('message', function(e) {

　　let a = JSON.parse(e.data)

　　alert(a)

}）

 

注意：在html页面是打印不出来数据的