跳到主要内容

术语表

开发者菜单

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

Fabric 渲染器

React Native 执行与 React for web 相同的 React 框架代码。但是,React Native 渲染到通用平台视图(宿主视图)而不是 DOM 节点(可以认为是 web 的宿主视图)。渲染到宿主视图是通过 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 之间进行通信。

React 组件

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

React 复合组件

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

React 宿主组件或宿主组件

其视图实现由宿主视图(例如 <View>、<Text>)提供的 React 组件。在 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 影子节点的实现决定了如何计算布局。