react nativeWebView跨页面通信

场景

react native项目里,有一些移动端的应用喜欢使用h5来开发,会出现需要跨tab和跨页面通信的场景,可以使用pubsub-js来实现通信。

实现思路

在react native 层实现pubsub的公共API,提供订阅消息、发布消息、取消订阅接口,在webView加载页面之前把api注入。

订阅消息:传入key和响应的回调函数。

发布消息:传入key和消息。

取消订阅:传入key。

流程图

相关推荐
暖木生晖5 小时前
flex-wrap子元素是否换行
javascript·css·css3·flex
gnip6 小时前
浏览器跨标签页通信方案详解
前端·javascript
gnip7 小时前
运行时模块批量导入
前端·javascript
逆风优雅7 小时前
vue实现模拟 ai 对话功能
前端·javascript·html
这是个栗子8 小时前
【问题解决】Vue调试工具Vue Devtools插件安装后不显示
前端·javascript·vue.js
姑苏洛言8 小时前
待办事项小程序开发
前端·javascript
Warren9810 小时前
公司项目用户密码加密方案推荐(兼顾安全、可靠与通用性)
java·开发语言·前端·javascript·vue.js·python·安全
pe7er12 小时前
Reactnative 项目开发(最佳?)实践
react native
1024小神12 小时前
vue3 + vite项目,如果在build的时候对代码加密混淆
前端·javascript
轻语呢喃12 小时前
useRef :掌握 DOM 访问与持久化状态的利器
前端·javascript·react.js