跳到主要内容

线程模型

注意

本文档指的是正在积极推广的新架构。

React Native 渲染器将 渲染管线 的工作分配到多个线程。​

在这里，我们定义了线程模型，并提供一些示例来说明渲染管线的线程使用情况。

React Native 渲染器被设计为线程安全的。在较高层面上，线程安全通过在框架内部使用不可变数据结构（由 C++ “const correctness” 功能强制执行）来保证。这意味着 React 中的每次更新都会在渲染器中创建或克隆新对象，而不是更新数据结构。这使得框架能够向 React 公开线程安全和同步的 API。

渲染器使用两个不同的线程

  • UI 线程（通常称为主线程）：唯一可以操作宿主视图的线程。
  • JavaScript 线程：这是执行 React 的渲染阶段以及布局的地方。

让我们回顾一下每个阶段的受支持执行场景

Threading model symbols

渲染场景​

在 JS 线程中渲染​

这是最常见的场景，其中大多数渲染管线发生在 JavaScript 线程上。

Threading model use case one

在 UI 线程中渲染​

当 UI 线程上发生高优先级事件时，渲染器能够同步地在 UI 线程上执行所有渲染管线。

Threading model use case two

默认或连续事件中断​

此场景显示了 UI 线程中低优先级事件中断渲染阶段的情况。React 和 React Native 渲染器能够中断渲染阶段，并将其状态与在 UI 线程上执行的低优先级事件合并。在这种情况下，渲染过程继续在 JS 线程中执行。

Threading model use case three

离散事件中断​

渲染阶段是可中断的。此场景显示了 UI 线程中高优先级事件中断渲染阶段的情况。React 和渲染器能够中断渲染阶段，并将其状态与在 UI 线程上执行的高优先级事件合并。渲染阶段在 UI 线程上同步执行。

Threading model use case four

C++ 状态更新​

源自 UI 线程并跳过渲染阶段的更新。有关更多详细信息，请参阅React Native 渲染器状态更新。

Threading model use case six