Flutter Keys： 你的终极指南，让 widget 世界更快乐

我们将讨论 UniqueKey、ValueKey、ObjectKey、PageStorageKey 和 GlobalKey --- 所有这些很棒的 Key 类型都可以提升您的 Flutter 水平！

Key 的类型

1. UniqueKey

优点:

• 唯一性：UniqueKey 保证每次都有一个唯一的标识符，防止小部件重复出现。
• 功效(Efficacy)： 非常适合创建有状态部件的新实例。

缺点:

• 使用受限： 只有在每次都需要一个新实例时才使用 UniqueKey。过度使用可能会导致不必要的部件重建。

final Key key = UniqueKey();

Widget build(BuildContext context) {
  return SomeStatefulWidget(key: key);
}

2. ValueKey

优点:

• 基于值的识别： 用于根据特定值识别小部件，改善基于数据的小部件管理。
• 自定义：允许您使用自定义值创建 key。

缺点:

• 值依赖：如果值频繁变化，可能会导致不必要的小部件重建。

final Key key = ValueKey<String>('myValue');

Widget build(BuildContext context) {
  return SomeStatefulWidget(key: key);
}

3. ObjectKey

优点:

• 对象标识：允许根据对象的标识来区分对象，即使它们的值相同。

缺点:

• 潜在的陷阱：可以引起混乱，如果不谨慎使用，特别是与类似的对象。

final Key key = ObjectKey(myObject);

Widget build(BuildContext context) {
  return SomeStatefulWidget(key: key);
}

4. PageStorageKey

优点:

• 状态保留：非常适合保留滚动位置和状态信息，增强用户体验，尤其是在分页视图中。
• 性能提升：通过高效地保存和恢复小部件状态来提高性能。

缺点:

• 复杂度：需要了解如何有效地管理状态和滚动位置。

final Key key = PageStorageKey<String>('pageKey');

Widget build(BuildContext context) {
  return SomeStatefulWidget(key: key);
}

5. GlobalKey

优点:

• 全局访问：提供从应用程序中的任何地方访问小部件的状态或属性，提高可管理性。
• 交互性：允许从其父级外部与小部件进行交互。

缺点:

• 潜在的内存泄漏：误用或不当处理可能导致内存泄漏。

final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>();

Widget build(BuildContext context) {
  return Scaffold(key: scaffoldKey, ...);
}

最佳实践

Key 很有用，但不要过度使用。有时，Flutter 的魔力在没有显式 Key 的情况下效果最好。

保存 Key 以供您需要跟踪特定小部件的状态或身份时使用。

结论

恭喜你，Flutter 魔法师！🎩✨你现在已经解锁了 Flutter Key 的秘密。每种类型的 Key 就像你巫师工具箱中的一个独特的咒语，准备以最迷人的方式让你的应用充满活力。

记住，每个 Flutter 应用都是一张画布，而你就是艺术家。无论是神秘的 UniqueKey ，多用途的 ValueKey ，独特的 ObjectKey ，记忆友好的 PageStorageKey ，还是全能的 GlobalKey ，选择正确的咒语来应对正确的场合。

---

medium.com/@younasud/f...