react nativeWebView跨页面通信

场景

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

实现思路

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

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

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

取消订阅:传入key。

流程图

相关推荐
J总裁的小芒果1 分钟前
el-table 自定义列、自定义数据
前端·javascript·vue.js
晚风予星2 分钟前
简记|React+Antd中实现 tooltip、ellipsis、copyable功能组件
前端·react.js
工呈士17 分钟前
CSS in JS:机遇与挑战的思考
javascript·css
至尊童18 分钟前
五个JavaScript 应用技巧
javascript
举个栗子dhy23 分钟前
编辑器、代码块、大模型AI对话中代码复制功能实现
javascript
hyyyyy!24 分钟前
《从分遗产说起:JS 原型与继承详解》
前端·javascript·原型模式
六边形66627 分钟前
一文搞懂JavaScript 与 BOM、DOM、ECMAScript、Node.js的用处
前端·javascript·面试
Mars狐狸32 分钟前
你踩过console.log的坑吗?从performace说起
前端·javascript
学习机器不会机器学习2 小时前
深入浅出JavaScript常见设计模式:从原理到实战(2)
开发语言·javascript·设计模式
富能量爆棚2 小时前
如何搭建spark yarn 模式的集群
大数据·javascript·spark