react nativeWebView跨页面通信

场景

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

实现思路

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

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

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

取消订阅:传入key。

流程图

相关推荐
油丶酸萝卜别吃33 分钟前
utils.js 说明文档
开发语言·javascript·ecmascript
zyplayer-doc3 小时前
VuePress类静态文档站和动态知识库怎么选:两种技术路线的适用场景
javascript·人工智能·后端·安全·智能手机
用户938515635075 小时前
从零在浏览器里跑 DeepSeek-R1:WebGPU + Transformers.js 全链路实战(三)
前端·react.js·typescript
To_OC6 小时前
写了 5 个表单 Demo 后,我终于彻底搞懂了 React 受控与非受控组件
前端·react.js·前端框架
码哥DFS8 小时前
构造函数、实例对象、对象原型 ----三者关系
开发语言·javascript·原型模式
满栀5858 小时前
vue动态路由效果
前端·javascript·vue.js·前端框架·vue
jjw_zyfx9 小时前
css vue vite实现闪烁的呼吸效果
javascript·css·vue.js
sunly_10 小时前
React useActionState 的用法详解
前端·javascript·react.js
cyadyx11 小时前
【Three.js】Three.js 中加载 3D 模型
前端·javascript·3d
汉堡大王952711 小时前
前端工程师 TypeScript 上手指南:一条清晰的从入门到精通路线
前端·javascript·react.js