跳到主要内容

术语表

开发者菜单

应用内开发者菜单(在开发构建中可用),提供对各种开发和调试操作的访问。在文档中了解更多关于开发者菜单的信息

Fabric 渲染器

React Native 执行与 React 网页版相同的 React 框架代码。然而,React Native 渲染到通用平台视图(宿主视图),而不是 DOM 节点(可以认为是网页的宿主视图)。Fabric 渲染器使渲染到宿主视图成为可能。Fabric 允许 React 与每个平台通信并管理其宿主视图实例。Fabric 渲染器存在于 JavaScript 中,并以 C++ 代码提供的接口为目标。在此博客文章中阅读更多关于 React 渲染器的信息。

宿主平台

嵌入 React Native 的平台(例如,Android、iOS、macOS、Windows)。

宿主视图树(和宿主视图)

宿主平台中视图的树形表示(例如 Android、iOS)。在 Android 上,宿主视图是 android.view.ViewGroupandroid.widget.TextView 等的实例,它们是宿主视图树的构建块。每个宿主视图的大小和位置基于使用 Yoga 计算的 LayoutMetrics,每个宿主视图的样式和内容基于 React 影子树中的信息。

JavaScript 接口 (JSI)

一种轻量级 API,用于在 C++ 应用程序中嵌入 JavaScript 引擎。Fabric 使用它在 Fabric 的 C++ 核心和 React 之间进行通信。

Java 本地接口 (JNI)

一种用于编写 Java 本地方法的 API,用于在 Fabric 的 C++ 核心和用 Java 编写的 Android 之间进行通信。API 用于编写 Java 本地方法

React 组件

一个 JavaScript 函数或类,用于指示如何创建 React 元素。在此博客文章中阅读更多关于 React 组件和元素的信息。

React 复合组件

具有 render 实现的 React 组件,这些实现可以简化为其他 React 复合组件或 React 宿主组件。

React 宿主组件或宿主组件

其视图实现由宿主视图提供的 React 组件(例如,<View>, <Text>)。在 Web 上,ReactDOM 的宿主组件将是 <p><div> 等组件。

React 元素树(和 React 元素)

React 元素树由 JavaScript 中的 React 创建,并由 React 元素组成。React 元素是一个普通的 JavaScript 对象,描述了屏幕上应该显示的内容。它包括 props、样式和子元素。React 元素仅存在于 JavaScript 中,并且可以表示 React 复合组件或 React 宿主组件的实例化。在此博客文章中阅读更多关于 React 组件和元素的信息。

React Native 框架

React Native 允许开发者使用 React 编程范式来将应用程序发布到原生目标。React Native 团队专注于创建在开发原生应用程序时适合最通用用例的核心 API功能

将原生应用程序发布到生产环境通常需要一套工具和库,这些工具和库不是 React Native 默认提供的,但对于将应用程序发布到生产环境仍然至关重要。此类工具的示例包括:支持将应用程序发布到专用商店或支持路由和导航机制。

当这些工具和库被收集起来形成一个基于 React Native 的内聚框架时,我们将其定义为React Native 框架

开源 React Native 框架的一个例子是 Expo

React 影子树(和 React 影子节点)

React 影子树由 Fabric 渲染器创建,并由 React 影子节点组成。React 影子节点是一个表示要挂载的 React 宿主组件的对象,并包含源自 JavaScript 的 props。它们还包含布局信息(x、y、宽度、高度)。在 Fabric 中,React 影子节点对象存在于 C++ 中。在 Fabric 之前,它们存在于移动运行时堆(例如 Android JVM)中。

Yoga 树(和 Yoga 节点)

Yoga 树Yoga 使用,用于计算 React 影子树的布局信息。每个 React 影子节点通常会创建一个 Yoga 节点,因为 React Native 使用 Yoga 来计算布局。然而,这不是一个硬性要求。Fabric 也可以创建不使用 Yoga 的 React 影子节点;每个 React 影子节点的实现决定了如何计算布局。