react nativeWebView跨页面通信

场景

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

实现思路

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

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

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

取消订阅:传入key。

流程图

相关推荐
1024肥宅3 分钟前
面试和算法:常见面试题实现与深度解析
前端·javascript·面试
Ashley_Amanda11 分钟前
JavaScript 中数组的常用处理方法
开发语言·javascript·网络
xier_ran18 分钟前
Agent基础:大模型交互与推理技术Prompt 工程、Function Calling、ReAct、Self-Refine
react.js·prompt·交互
BD_Marathon18 分钟前
Router_路由的基本使用
javascript
float_六七24 分钟前
行级与块级元素:核心区别与应用场景
开发语言·前端·javascript
前端无涯39 分钟前
深度解析:fetch 与 Promise 结合实战及面试重点
前端·javascript
风舞红枫42 分钟前
node代理vue打包后的文件,实现本地测试
前端·javascript·vue.js·node.js
Yanni4Night1 小时前
使用URLPattern API构建自己的路由器 🛣️
前端·javascript
全栈陈序员1 小时前
Vue 实例挂载的过程是怎样的?
前端·javascript·vue.js·学习·前端框架
怒放的生命19911 小时前
Vue 2 vs Vue 3对比 编译原理不同深度解析
前端·javascript·vue.js