React Native 和 Html 通信
作者:
Super小牛 | 来源:发表于
2018-05-08 14:18 被阅读0次
RN 方面
<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 接收消息，参数是 Html发来的一个自字符串，即 nativeEvent.data
this.refs.webview.postMessage("world");
// 发送的参数是字符串
Html 方面
document.addEventListener('message', (e)=> {
this.label.string = e.data;
});
// 接收后端发来的字符串，即 e.data
window.postMessage("hello");
// 发送的参数是字符串
注意
- 可以看到发送的数据都只是字符串，但是我们可以对字符串进行扩展，比如做成 json，约定好协议，应该就可以实现所有想实现的事。
本文标题：React Native 和 Html 通信
本文链接：https://www.haomeiwen.com/subject/wvvirftx.html
网友评论