线程模型
注意
本文档引用了新架构,目前正在积极推广中。
React Native 渲染器将渲染管线的工作分配到多个线程中。
在这里,我们定义了线程模型,并提供了一些示例来阐释渲染管线的线程使用情况。
React Native 渲染器被设计为线程安全的。在高层次上,通过在框架内部使用不可变数据结构(由 C++ 的“const correctness”特性强制执行)来保证线程安全。这意味着 React 中的每次更新都会在渲染器中创建或克隆新对象,而不是直接更新数据结构。这使得框架能够向 React 暴露线程安全且同步的 API。
渲染器使用两种不同的线程
- UI 线程(通常称为主线程):唯一可以操作宿主视图的线程。
- JavaScript 线程:这是 React 的渲染阶段和布局执行的地方。
让我们回顾一下每个阶段支持的执行场景

渲染场景
在 JS 线程中渲染
这是最常见的场景,其中大部分渲染管线都在 JavaScript 线程上执行。

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

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

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

C++ 状态更新
更新源自 UI 线程并跳过渲染阶段。参阅React Native 渲染器状态更新了解更多详情。
