react nativeWebView跨页面通信

场景

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

实现思路

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

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

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

取消订阅:传入key。

流程图

相关推荐
2501_921930832 小时前
基础入门 React Native 鸿蒙跨平台开发:react-native-button三方库适配
react native·react.js·harmonyos
yuezhilangniao10 小时前
AI智能体全栈开发工程化规范 备忘 ~ fastAPI+Next.js
javascript·人工智能·fastapi
铅笔侠_小龙虾11 小时前
Flutter Demo
开发语言·javascript·flutter
2501_9445255411 小时前
Flutter for OpenHarmony 个人理财管理App实战 - 账户详情页面
android·java·开发语言·前端·javascript·flutter
wangdaoyin201012 小时前
若依vue2前后端分离集成flowable
开发语言·前端·javascript
天天进步201512 小时前
AI Agent 与流式处理:Motia 在生成式 AI 时代的后端范式
javascript
心柠12 小时前
vue3相关知识总结
前端·javascript·vue.js
常年游走在bug的边缘13 小时前
掌握JavaScript作用域:从函数作用域到块级作用域的演进与实践
开发语言·前端·javascript
极致♀雨13 小时前
vue2+elementUI table表格勾选行冻结/置顶
前端·javascript·vue.js·elementui
林shir14 小时前
3-15-前端Web实战(Vue工程化+ElementPlus)
前端·javascript·vue.js