React Native startReactApplication 方法深度解析
2023-10-21 00:17:46
概述
在 React Native 启动流程简析 这篇文章里，我们梳理了 RN 的启动流程，最后的 startReactApplication 由于相对复杂且涉及到最终执行前端 js 的流程，我们进行分析。
iOS 平台
在 iOS 平台上，startReactApplication 方法位于 React/renderer/ReactNativeRenderer.mm 文件中。该方法的主要流程如下：
-
首先，它会调用 RCTBridge 启动 方法，为 React Native 应用创建一个 JavaScript 桥接器。
-
然后，它会根据传入的参数配置桥接器，包括初始属性、模块注册等。
-
接着，它会调用 RCTSurfaceManager 启动 方法，创建一个 RCTSurfaceManager 实例，该实例负责管理原生视图。
-
接下来，它会调用 RCTUIManager 启动 方法，创建一个 RCTUIManager 实例，该实例负责管理原生组件。
-
最后，它会调用 RCTRootView 启动 方法，创建一个 RCTRootView 实例，该实例是根视图，负责管理整个应用的布局。
Android 平台
在 Android 平台上，startReactApplication 方法位于 React/renderer/ReactNativeRenderer.java 文件中。该方法的主要流程如下：
-
首先，它会调用 ReactInstanceManager 启动 方法，为 React Native 应用创建一个 ReactInstanceManager 实例。
-
然后，它会根据传入的参数配置 ReactInstanceManager 实例，包括初始属性、模块注册等。
-
接着，它会调用 ReactInstanceManager 创建 ReactNativeHost 方法，创建一个 ReactNativeHost 实例。
-
接下来，它会调用 ReactInstanceManager 启动 ReactNativeHost 方法，启动 ReactNativeHost 实例。
-
最后，它会调用 ReactNativeHost 启动 方法，启动 React Native 应用。
结语
通过对 React Native 中 startReactApplication 方法的分析，我们可以了解到其在 iOS 和 Android 平台上的实现原理和工作流程。这有助于我们更好地理解 React Native 的启动机制，并在遇到启动问题时进行排查和解决。
