React Native 应用启动时候究竟发生了什么（2）

今天我们至少要记住我们这里的 bridge 不仅跨线程而且还跨语言。
继续之前的流程，看一看框架是如何将界面呈现给用户的，会自动实例化 custom moudle (自定义的模块），每一个 native module 多会有自己的线程。自定义然后在 javascript-> bridge 中会保存这个custom module(自定义模块) 的引用，原因很简单我们需要 javascript 可以访问这个 module。

bandicam 2019-02-25 05-54-14-331.jpg

接下来我们说道就是 core module，可能开发人员会实现或也许不会实现这个 core module。不过每一次都会创建 core module。可以实例化出一个 Uimanager ，这个很重要，因为每一次创建 textview 或其他视图组件，这些 UI 都会有对应 javascript 的 UI 组件 。可调用 UI manager 模块创建视图，然后将视图添加到 rootView 这样就将组件呈现给用户了

bandicam 2019-02-25 05-55-08-813.jpg

到现在为止我们 javascript 还没有登场，jsloder 可以在 javascript 的线程中加载 javascript。

bandicam 2019-02-26 05-35-14-249.jpg

javascript 作为脚步语言被 executor 来执行，首先会创建 global object 。这个 global object 是通过 c++ 来创建的。global Object 会提供很多东西，通过提供的我们可以从 javascript 访问我们 native。

bandicam 2019-02-26 05-35-27-506.jpg

例如提供的 moduleConfig 的对象。这个文件对 custom module 和 core module 进行描述，还有就是他提供的 flushqueue 函数。然后就可以启动 executor javascript 的执行器。
executor 根据您的环境而不同，如果是开发环境这是 Chrome v8,如果在真机上运行则是 javascriptcore。

bandicam 2019-02-26 05-35-58-795.jpg

然后就是创建 batchBridge，以会队列形式从 javascript 调用 native。队列（queue）会传递一些数据。（globl.flushQueue）传递数据给 native，然后 native 会根据消息内容进行分发，发送目标的 native module。

bandicam 2019-02-26 05-36-14-909.jpg