混合架构：核心原生+边缘动态的双引擎架构之道

┌─────────────────────────────────────────────┐
│                  动态层                      │
│  营销活动  │  直播  │  第三方服务  │  运营配置  │
│  (H5/小程序/Flutter Dynamic)                 │
├─────────────────────────────────────────────┤
│                 桥接层                       │
│  统一路由  │  上下文共享  │  预加载调度  │  生命周期 │
│  (Router / Bridge / Container Manager)       │
├─────────────────────────────────────────────┤
│                 核心层                       │
│  首页  │  支付  │  IM  │  个人中心  │  导航栏  │
│  (Native - Objective-C / Swift / Kotlin)     │
└─────────────────────────────────────────────┘

URL 格式：app://module/page?params={"key":"value"}

示例：
app://native/payment?params={"orderId":"12345"}       → 原生支付页
app://dynamic/activity?params={"activityId":"67890"}  → 小程序活动页
app://flutter/live?params={"roomId":"live_001"}       → Flutter 直播间

伪代码：统一路由分发

class Router {
    Map<String, ContainerType> routeTable;
    
    void navigate(String url) {
        Route route = parseUrl(url);
        ContainerType type = routeTable[route.module];
        
        switch (type) {
            case Native:
                NativeNavigator.push(route);
                break;
            case MiniProgram:
                MiniProgramLauncher.launch(route);
                break;
            case Flutter:
                FlutterEngineNavigator.push(route);
                break;
            case H5:
                WebViewContainer.load(route);
                break;
        }
        
        BackStack.push(route);  // 统一回退栈
    }
}

// Native 侧：暴露登录态接口
@interface BridgeAuth : NSObject
- (NSString *)getToken;           // 获取当前有效 Token
- (void)onTokenExpired:(void(^)(NSString *newToken))callback;  // Token 刷新回调
@end

// 动态容器侧（JS / Dart）：通过 Bridge 调用
const token = await Bridge.call('auth.getToken');
setAuthHeader(token);  // 注入到网络请求头

时间线：
App 启动 → 首页渲染完成 → 空闲回调触发
                              ↓
                    预初始化小程序引擎（不加载具体页面）
                    预初始化 Flutter Engine Group
                              ↓
                    用户点击活动入口 → 直接加载页面内容（引擎已就绪）
                    首帧时间从 800ms 降至 50ms

伪代码：空闲预加载调度器

class PreloadScheduler {
    Queue<PreloadTask> p0Tasks;  // 立即执行
    Queue<PreloadTask> p1Tasks;  // 空闲执行
    Queue<PreloadTask> p2Tasks;  // WiFi + 空闲执行
    
    void onIdle() {
        if (!p1Tasks.isEmpty()) {
            PreloadTask task = p1Tasks.dequeue();
            dispatch_async(background_queue, ^{
                task.execute();
                task.recordHitRate();  // 统计命中率用于策略调整
            });
        } else if (isWifiConnected() && !p2Tasks.isEmpty()) {
            PreloadTask task = p2Tasks.dequeue();
            dispatch_async(background_queue, ^{ task.execute(); });
        }
    }
    
    void onMemoryPressure() {
        // 按优先级从低到高释放预加载资源
        releaseP2Containers();
        releaseIdleP1Containers();
    }
}

┌──────────────────────────────┐
│      商品图片轮播 (Native)     │  ← 高频操作，手势流畅性要求高
│      - 图片缩放/滑动           │
│      - 视频首帧秒开            │
├──────────────────────────────┤
│      价格与优惠信息 (Native)    │  ← 关键决策信息，不可有任何延迟
│      - SKU 选择器             │
├──────────────────────────────┤
│      营销活动弹窗 (动态)       │  ← 活动策略随时调整
│      - 限时秒杀倒计时          │    容器：小程序 / H5
│      - 优惠券领取入口          │
│      - 直播间浮窗              │
├──────────────────────────────┤
│      商品详情描述 (Native)     │  ← 富文本渲染，长列表滑动
│      - 图文详情                │
├──────────────────────────────┤
│      推荐瀑布流 (动态)         │  ← 推荐算法随时调优
│      - 猜你喜欢               │    容器：Flutter ListView
│      - 看了又看               │
├──────────────────────────────┤
│      底部固定栏 (Native)       │  ← 始终可见，高频点击
│      - 收藏 / 购物车 / 购买    │
└──────────────────────────────┘

实现方式：
1. 动态容器（推荐流）中用户点击商品
2. 通过 Bridge 发送事件：Bridge.postEvent('productChanged', {productId: 'xxx'})
3. Native 层接收事件，请求新商品数据
4. Native 层更新头部（图片、价格、SKU）
5. 动态容器同时重新加载新的推荐流和活动信息