(译) 理解 Flutter BuildContext

发表于 分类于 评论： 阅读次数：

翻译自 Understanding Flutter BuildContext: A Guide for Developers | by Rashid | Medium，加深对 Flutter BuildContext 的理解。

开发 Flutter 应用时你可能会遇到 BuildContext 这个术语。它是 Flutter 中的一个基本概念，在 widget 树、渲染和导航中扮演重要作用。这篇文章中我们将探讨 BuildContext 是什么、工作原理以及为什么这个概念对 Flutter 开发者很重要。

BuildContext 是什么

BuildContext 在 Flutter 中用于提供 Widget 位置相关的信息(widget 树)，它表示这个 Widget 在本次构建或更新的上下文。基本上，它是 Widget 在 widget 树结构中所处位置的引用。

Flutter 中的每个应用都可以访问自己的 BuildContext。这个 context 对象有以下几个重要作用：

  1. 配置 Widget。BuildContext 用于配置 Widget 及其属性。当 Widget 被创建时，它自动接收一个 BuildContext 参数，用来对 Widget 进行配置(基于它在 widget 树结构中的位置)。
  2. 本地化。BuildContext 用于本地化和国际化。通过访问 BuildContext，widget 可以基于用户当前地区来查找本地化文本和资源。
  3. 主题。BuildContext 允许 Widget 访问当前的主题数据。这对应用中保持统一的视觉和交互效果非常重要。
  4. 导航。BuildContext 在导航中扮演中枢角色。可以使用 BuildContext 导航到其他的页面以构建导航栈。
  5. 状态管理。在状态管理过程中，BuildContext 用于访问状态数据和状态更新。这对 Provider 或 Riverpod 等状态管理库特别重要。

BuildContext 工作原理

BuildContext 是 Flutter framework 的一部分，当 Widget 插入到 widget 树时会自动创建一个 BuildContext。每个 widget 的构建方法会接收一个跟它关联的 BuildContext 作为参数。

这里有个简单的例子展示了如何在 Widget 中使用 BuildContext：

1
2
3
4
5
6
7
8
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Text('Hello, Flutter!'),
    );
  }
}

在这个例子里，MyWidget.build() 方法接收一个 BuildContext 对象作为 context 参数。虽然这里并没有使用这个参数，但它在每个 build() 方法中都是可用的。

BuildContext 的层级结构

BuildContext 对象构成一个树结构，它是 widget 树的镜像。BuildContext 树的根节点是 runApp 方法中使用的那个顶级 BuildContext 对象。沿着 widget 树，会为相应地为每个位置上的 Widget 创建新的 BuildContext 对象。

很重要的一点要知道 BuildContext 对象是不可变的。每个 BuildContext 关联到一个特定的 Widget 以及以这个 Widget 为根的子树。这意味着如果你需要从 widget 树上不同的地方访问一个 Widget 或数据，必须使用恰当的 BuildContext。

BuildContext 用于导航

BuildContext 的一个常见用例是导航。通常使用 Navigator.of(context).push() 来导航到新的页面。这里，BuildContext 是一个重要的参数，因为它告诉 Flutter widget 树中的哪个地方发生了导航。

1
2
3
4
5
Navigator.of(context).push(
  MaterialPageRoute(
    builder: (context) => AnotherScreen(),
  ),
);

上面的例子中，Flutter 使用 context 对象来确定如何将新页面推入导航栈。

结论

BuildContext 是 Flutter 中的基础概念，它提供了 Widget 在 widget 树中所处位置的重要信息，可用于配置 widget、访问本地化和主题数据、状态管理和页面导航。理解如何有效使用 BuildContext 对于构建健壮和结构良好的 Flutter 应用非常重要。