混合开发与桥接

模块目标

打通 Flutter、Android、iOS、WebView、H5 在桥接、职责边界、事件流和协议层面的协作模型。

本模块要回答的问题

• MethodChannel / EventChannel / BasicMessageChannel 各自适合什么？
• Flutter plugin 到底在系统里扮演什么角色？
• JSBridge 应该如何设计双向通信？
• 支付、分享、权限、登录态同步等桥能力应该放哪层？
• 多端一致性如何避免双写与漂移？

子主题清单

01. Flutter 与原生桥接

• [ ] MethodChannel / EventChannel / BasicMessageChannel
• [ ] Flutter plugin 开发基础结构
• [ ] 原生 SDK 封装给 Flutter
• [ ] 回调流 / 事件流 / 一次调用的边界选择

02. WebView 与 JSBridge

• [ ] WebView / H5 / JSBridge
• [ ] JSBridge 双向通信
• [ ] 登录态同步
• [ ] 支付 / 分享 / 权限桥
• [ ] 页面跳转协议
• [ ] H5 与原生生命周期差异

03. 多端职责划分

• [ ] Android / iOS / Flutter / H5 职责边界
• [ ] 哪层做状态判断
• [ ] 哪层做幂等
• [ ] 哪层做兜底
• [ ] 多端同一业务如何避免双写和漂移

推荐复习顺序

1. Flutter ↔ 原生 channel 模型
2. Flutter plugin 开发基础
3. WebView / JSBridge
4. 多端一致性设计

对应 labs 入口

建议后续优先补：

• labs/flutter/bridge-hybrid/
• labs/android/bridge-hybrid/
• labs/vue/bridge-hybrid/
• labs/shared/bridge-hybrid/

备注

这个模块非常适合结合现有项目中的 WebView、支付、推送、归因与 URL 参数处理案例一起复习。