react-native-web-message
v0.1.2
Published
react-native中webview与网页之间通讯用到的组件
Downloads
2
Readme
react-native-web-message
react-native中webview与网页之间通讯用到的组件
无侵入式开发,只要一套代码即可实现多套环境共同开发
安装
浏览器
<script src="/index.js"></script>
项目引用
npm i react-native-web-message
使用方式
- 在APP中实现消息的监听和对应方法的调用,参考
WebView.js
- 在网页中监听
ready
事件,APP会在js加载完毕之后触发ready事件
例子
APP中实现剪切板的调动
clipBoard(clip) {
Clipboard.setString(clip)
}
网页中直接调用即可
SDK("clipBoard","要粘贴的字符串");
扩展到微信
实现微信中的事件自定义转化
SDK.exec=function(){
//do somethings
var arr=Array.prototype.slice.apply(arguments);
var name=arr.shift();
if(SDK[name])SDK[name]();
}
添加自定义事件,日志输出
SDK.log=function(){
console.log(arguments)
}
正常调用(在微信和APP中都不需要单独实现)
SDK("log","要粘贴的字符串");