React-Native运行机制简介

发布时间:2019-06-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了React-Native运行机制简介脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

初始化 React Native

  1. 读取 JavaScript

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

  2. 初始化模块信息

    • 这一步在方法 inITModulesWithDispatchGroup中实现,主要任务是找到所有需要暴露给 JavaScript的类

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

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

  5. 执行 JavaScript 源码

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/

脚本宝典总结

以上是脚本宝典为你收集整理的React-Native运行机制简介全部内容,希望文章能够帮你解决React-Native运行机制简介所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。