React Native 和 Html 通信

RN 方面

• WebView 接收 Html 的消息

 {
    console.log(e.nativeEvent.data)
  }}
/>
// onMessage 接收消息，参数是 Html发来的一个自字符串，即 nativeEvent.data 

• 向 Html 发送消息

this.refs.webview.postMessage("world");
// 发送的参数是字符串

Html 方面

• 接收 RN 的消息

document.addEventListener('message', (e)=> {
  this.label.string = e.data;
});
// 接收后端发来的字符串，即  e.data

• 向 RN 发送消息

window.postMessage("hello");
// 发送的参数是字符串

注意

• 可以看到发送的数据都只是字符串，但是我们可以对字符串进行扩展，比如做成 json，约定好协议，应该就可以实现所有想实现的事。