react nativeWebView跨页面通信

场景

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

实现思路

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

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

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

取消订阅:传入key。

流程图

相关推荐
এ慕ོ冬℘゜1 小时前
手写生产级 jQuery Toast 轻量提示组件|零插件依赖、动画流畅、极简高
前端·javascript·jquery
大家的林语冰1 小时前
Express 团队官宣:全新网站正式上线,Logo 重做,支持两个主版本文档无缝切换!
javascript·node.js·express
时寒的笔记2 小时前
LF11期_day19~20 补环境(二)入门案例
javascript
爱吃提升2 小时前
Figma 组件库搭建清单(含命名规范+常用组件模板)
前端·javascript·figma
右耳朵猫AI2 小时前
JavaScript技术周刊 2026年第20周
开发语言·javascript·ecmascript
Cobyte2 小时前
15.响应式系统比对:链表在 Preact Signals 响应式系统中的应用
前端·javascript·vue.js
ZengLiangYi2 小时前
SourceAdapter 插件架构详解
javascript·算法·架构
AI周红伟3 小时前
长鑫科技存储之王:存储三强对比:三星、SK海力士 vs 长鑫科技
数据库·人工智能·科技·react.js·架构·langchain
ZengLiangYi3 小时前
如何解析 5 种完全不同格式的 AI 对话
javascript·人工智能·算法
右耳朵猫AI3 小时前
React技术周刊 2026年第20周
前端·react.js·前端框架