React-Native运行机制简介

snowell 发布于2019-08-19 18:36 / 2782人阅读

摘要：初始化读取源码加载进内存代码已经被转化成原生的代码初始化模块信息这一步在方法中实现，主要任务是找到所有需要暴露给的类初始化代码的执行器，即对象生成模块列表并写入端执行源码在中，和的交互都是通过传递和进行的，大概流程是这样调用方法通过配置表

初始化 React Native

读取 JavaScript 源码

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

初始化模块信息

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

初始化 JavaScript 代码的执行器，即 RCTJSCExecutor 对象

生成模块列表并写入 JavaScript 端

执行 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/

GPU云服务器云服务器运行机制 nodejs运行机制 php 运行机制 php的运行机制

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79754.html

react-native电影简介app，了解一下？（android端）

摘要：寒假结束了，在寒假期间玩了一下，模仿豆瓣实现了一个查看当前热门电影和即将上映电影的简单，项目比较简单，十分适合刚刚入门的同学查看。寒假结束了，在寒假期间玩了一下react-native，模仿豆瓣实现了一个查看当前热门电影和即将上映电影的简单app，项目比较简单，十分适合刚刚入门的同学查看。首先我们要了解react-native： react-native中文网、react-nativ...

RayKr 2019-08-26 11:48 评论0 收藏0
React Native 简介：用 JavaScript 搭建 iOS 应用 (1)

摘要：利用来搭建代码。虽然这不是安装的唯一方式，但我发现，是非常好用的包管理器。终端窗口打开后，会启动，并由服务器处理以上请求。面对这种情况时，需要关闭终端窗口，停止在上的应用，并重新运行。使用设定应用的用户界面。命名这两个文件为和。【编者按】本篇文章的作者是 Joyce Echessa——渥合数位服务创办人，毕业于台湾大学，近年来专注于协助客户进行 App 软体以及网站开发。本篇文章中，...

xiaoqibTn 2019-08-21 10:37 评论0 收藏0