react nativeWebView跨页面通信

场景

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

实现思路

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

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

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

取消订阅:传入key。

流程图

相关推荐
web打印社区6 小时前
使用React如何静默打印页面:完整的前端打印解决方案
前端·javascript·vue.js·react.js·pdf·1024程序员节
喜欢踢足球的老罗6 小时前
[特殊字符] PM2 入门实战:从 0 到线上托管 React SPA
前端·react.js·前端框架
YiHanXii7 小时前
this 输出题
前端·javascript·1024程序员节
楊无好7 小时前
React中ref
前端·react.js
维他命Coco7 小时前
js常见开发学习
javascript
!win !9 小时前
分享二个实用正则
javascript·正则表达式
xw59 小时前
分享二个实用正则
javascript·正则表达式
刘新明19899 小时前
算法还原案例4-OLLVM_MD5
开发语言·前端·javascript·1024程序员节
诚实可靠王大锤9 小时前
react-native实现多列表左右滑动+滚动TabBar悬停
javascript·react native·react.js·1024程序员节
疯狂的沙粒10 小时前
前端开发【工具函数】基于dayjs 封装的DateUtils工具函数,可以直接拿着使用
前端·javascript·vue.js·1024程序员节