RN 方面

• WebView 接收 Html 的消息

<WebView 
  ref = {'webview'}
  style = {{ flex: 1 }} 
  source = {{ uri: "http://10.0.6.229:5000/" , headers: { 'Cache-Control':'no-cache'}}}
  onMessage={(e) => {
    console.log(e.nativeEvent.data)
  }}
/>
// onMessage 接收消息，參數(shù)是 Html發(fā)來(lái)的一個(gè)自字符串，即 nativeEvent.data 

• 向 Html 發(fā)送消息

this.refs.webview.postMessage("world");
// 發(fā)送的參數(shù)是字符串

Html 方面

• 接收 RN 的消息

document.addEventListener('message', (e)=> {
  this.label.string = e.data;
});
// 接收后端發(fā)來(lái)的字符串，即  e.data

• 向 RN 發(fā)送消息

window.postMessage("hello");
// 發(fā)送的參數(shù)是字符串

注意

• 可以看到發(fā)送的數(shù)據(jù)都只是字符串，但是我們可以對(duì)字符串進(jìn)行擴(kuò)展，比如做成 json，約定好協(xié)議，應(yīng)該就可以實(shí)現(xiàn)所有想實(shí)現(xiàn)的事。