React-Native运行机制简介

初始化 React Native

  1. 读取 JavaScript 源码函数

    • JavaScript 加载进内存, JSX 代码已经被转化成原生的 JavaScript 代码ui

  2. 初始化模块信息spa

    • 这一步在方法 initModulesWithDispatchGroup中实现,主要任务是找到全部须要暴露给 JavaScript的类.net

  3. 初始化 JavaScript 代码的执行器,即 RCTJSCExecutor 对象code

  4. 生成模块列表并写入 JavaScript 端对象

  5. 执行 JavaScript 源码blog

在 React Native 中,Objective-C 和 JavaScript 的交互都是经过传递 ModuleId 、 MethodId、CallbackID和 Arguments 进行的,大概流程是这样:队列

JS调用OC方法——> 经过配置表转换参数(ModuleId MethodId CallbackID Arguments)——> 传递参数到消息队列——> OC拿到参数并经过配置列表执行对应函数——> 执行后返回回调ID和参数 ——> JS执行经过ID执行回调函数

参考文章:http://www.tuicool.com/articles/yEnQzu6
参考文章:http://blog.cnbang.net/tech/2698/ip

相关文章
相关标签/搜索