词汇表
开发者菜单
应用内开发者菜单(在开发构建中可用)提供对各种开发和调试操作的访问。 在文档中了解更多关于开发者菜单的信息。
Fabric 渲染器
React Native 执行与 Web 版 React 相同的 React 框架代码。然而,React Native 渲染到通用平台视图(宿主视图),而不是 DOM 节点(可以认为是 Web 的宿主视图)。Fabric 渲染器使得渲染到宿主视图成为可能。Fabric 让 React 与每个平台通信并管理其宿主视图实例。Fabric 渲染器存在于 JavaScript 中,并以 C++ 代码提供的接口为目标。在此博客文章中阅读更多关于 React 渲染器的信息。
宿主平台
嵌入 React Native 的平台(例如,Android、iOS、macOS、Windows)。
宿主视图树(和宿主视图)
宿主平台(例如 Android、iOS)中视图的树形表示。在 Android 上,宿主视图是 `android.view.ViewGroup`、`android.widget.TextView` 等的实例,它们是宿主视图树的构建块。每个宿主视图的大小和位置基于使用 Yoga 计算的 `LayoutMetrics`,每个宿主视图的样式和内容基于来自 React 影子树的信息。
JavaScript 接口 (JSI)
一种轻量级 API,用于在 C++ 应用程序中嵌入 JavaScript 引擎。Fabric 使用它在 Fabric 的 C++ 核心和 React 之间进行通信。
Java 本地接口 (JNI)
一个用于编写 Java 本地方法的 API,用于在 Fabric 的 C++ 核心和 Android 之间进行通信,用 Java 编写。
React 组件
一个 JavaScript 函数或类,它指示如何创建 React 元素。在此博客文章中阅读更多关于 React 组件和元素的信息。
React 复合组件
具有 `render` 实现的 React 组件,它们归结为其他 React 复合组件或 React 宿主组件。
React 宿主组件或宿主组件
其视图实现由宿主视图提供的 React 组件(例如,` ` 和 ` 一个 React 元素树 是由 React 在 JavaScript 中创建的,由 React 元素组成。一个 React 元素 是一个简单的 JavaScript 对象,描述了屏幕上应该出现什么。它包括 props、样式和子元素。React 元素只存在于 JavaScript 中,并且可以表示 React 复合组件或 React 宿主组件的实例。在此博客文章中阅读更多关于 React 组件和元素的信息。 React Native 允许开发者使用 React 编程范式 将应用程序发布到原生目标。React Native 团队专注于创建最符合原生应用开发通用场景的核心 API 和功能。 将原生应用发布到生产环境通常需要一套 React Native 默认不提供但对于应用发布至关重要的工具和库。此类工具的例子有:支持将应用程序发布到专用应用商店,或支持路由和导航机制。 当这些工具和库被整合以形成一个建立在 React Native 之上的内聚框架时,我们将其定义为React Native 框架。 开源 React Native 框架的一个例子是 Expo。 一个 React 影子树 由 Fabric 渲染器创建,由 React 影子节点组成。React 影子节点是一个表示待挂载的 React 宿主组件的对象,并包含源自 JavaScript 的 props。它们还包含布局信息(x、y、宽度、高度)。在 Fabric 中,React 影子节点对象存在于 C++ 中。在 Fabric 之前,它们存在于移动运行时堆中(例如 Android JVM)。 一个 Yoga 树 被 Yoga 用于计算 React 影子树的布局信息。每个 React 影子节点通常会创建一个 Yoga 节点,因为 React Native 使用 Yoga 来计算布局。然而,这不是一个硬性要求。Fabric 也可以创建不使用 Yoga 的 React 影子节点;每个 React 影子节点的实现决定了如何计算布局。React 元素树(和 React 元素)
React Native 框架
React 影子树(和 React 影子节点)
Yoga 树(和 Yoga 节点)