RN 容器核心类

在React Native应用中，RN的加载和初始化过程，以及相关核心类的理解确实很重要。为了帮助你快速梳理，下面这个表格汇总了Native层（以iOS和Android为例）的关键类及其主要职责：

🔧 RN容器的初始化与加载

RN容器初始化的核心目标是建立Native与JavaScript的通信桥梁，并准备执行JavaScript代码的环境。

iOS端初始化流程

1. 创建桥接实例：在AppDelegate.m的didFinishLaunchingWithOptions方法中，首先初始化RCTBridge。RCTBridge是RN在iOS端的核心，负责后续所有的初始化和通信调度 。
2. 创建根视图：使用初始化好的RCTBridge实例，创建RCTRootView。RCTRootView是一个UIView容器，它将成为你RN应用的根视图，并负责加载和显示RN界面 。
3. 挂载视图：将创建好的RCTRootView实例，设置为应用的根控制器（rootViewController）的view 。

Android端初始化流程

1. 设置应用入口：在MainApplication（继承自Application类）中，初始化ReactInstanceManager。ReactInstanceManager是Android端的"大脑"，管理RN应用的生命周期和Bridge 。
2. 创建容器视图：在MainActivity（通常继承自ReactActivity）中，其onCreate方法会创建ReactRootView实例。ReactRootView是一个ViewGroup，是Android端RN应用的根容器 。
3. 启动RN应用：通过ReactInstanceManager将ReactRootView与特定的JS组件（通过moduleName指定）关联起来，并启动应用 。

关键准备工作

在初始化过程中，RN底层（以iOS的RCTCxxBridge为例）会按顺序完成一系列关键任务 ：

1. 加载JSBundle代码：将JavaScript打包后的代码加载到内存中。
2. 初始化Native Modules：找出所有需要暴露给JS的Native模块。
3. 初始化JS执行引擎：初始化JavaScript运行环境（如JavaScriptCore）。
4. 创建Module配置表：收集所有Native模块的信息，生成配置表。
5. 注入配置信息到JS端：将配置信息传递给JS运行时，使JS能知道有哪些Native模块和方法可用。
6. 执行JS Bundle代码：运行JavaScript代码，此时RN应用正式开始启动和渲染。

📚 Native层重要类详解

🏗️ 容器与入口类

• RCTRootView (iOS) / ReactRootView (Android)

  • 职责：RN应用的根容器，负责渲染最终的Native UI。所有RN组件都存在于它内部 。
  • 关键点：它管理着RN应用的整个视图生命周期，并在底层监听来自JS端的渲染指令。

• RCTBridge (iOS) / ReactInstanceManager (Android)

  • 职责：RN应用的大脑和中枢神经系统。它负责初始化整个RN环境，管理Native模块，并且是Native与JS通信的总协调者 。
  • 关键点：你在Native端创建的模块和方法，都需要通过它来暴露给JS。

🌉 桥梁核心类

• RCTCxxBridge (iOS) / CatalystInstance (Android)
  • 职责：它们是通信桥梁的具体实现者，位于RCTBridge/ReactInstanceManager之下，处理所有底层的通信细节 。
  • 关键点：它们负责调用JS Bundle、执行JS代码，并处理Native与JS之间异步消息的序列化、反序列化和传递。

🔌 模块与通信类

• RCTModuleData (iOS) / NativeModuleRegistry (Android)

  • 职责：用于管理和存储所有已注册Native模块的元信息，例如模块名、导出的方法等 。

• RCT_EXPORT_MODULE (iOS宏) / @ReactMethod (Android注解)

  • 职责：它们是连接器。用于将你自己的Native代码（类或方法）暴露给JavaScript端，这样JS才能调用这些Native功能 。
  • 用法示例：

    // iOS (Objective-C)
    RCT_EXPORT_MODULE(); // 导出模块
    RCT_EXPORT_METHOD(someMethod:(NSString *)param) { ... } // 导出方法
    

    // Android (Java)
    @ReactMethod // 导出方法
    public void someMethod(String param) { ... }
    

• RCTEventEmitter (iOS)

  • 职责：实现从Native端到JavaScript端的单向事件传递。当你需要在Native端主动通知JS端某些事件（如传感器数据更新、自定义消息）时，就需要用到它 。

💡 实践与优化建议

1. 理解通信原理：RN的Native和JS分属不同线程，通过异步消息队列和Bridge进行通信。避免频繁的、数据量大的跨Bridge调用。
2. 懒加载与非必要模块：对于不是RN应用一启动就必需的Native模块，可以考虑按需加载，以优化启动速度。
3. 关注新架构：Facebook一直在研发RN的"新架构"（包括Fabric、TurboModules、JSI），旨在提升性能并简化通信模型。建议保持关注。