Flutter 中 GlobalKey 和 LocalKey 的区别是什么？

推荐答案

在 Flutter 中，GlobalKey 和 LocalKey 是用于标识和区分 Widget 的两种不同类型的键。它们的主要区别在于作用域和用途：

• GlobalKey：全局唯一，可以在整个应用范围内访问和操作对应的 Widget。通常用于跨 Widget 树的操作，比如访问某个 Widget 的状态或位置信息。
• LocalKey：局部唯一，仅在同一个父 Widget 的子 Widget 列表中有效。通常用于在同一父 Widget 下区分不同的子 Widget。

本题详细解读

GlobalKey

GlobalKey 是一种全局唯一的键，可以在整个应用范围内使用。它的主要特点包括：

• 全局唯一性：每个 GlobalKey 实例在整个应用中是唯一的，不会与其他 GlobalKey 冲突。
• 跨 Widget 树访问：通过 GlobalKey，你可以在不同的 Widget 树中访问和操作对应的 Widget。例如，你可以通过 GlobalKey 获取某个 Widget 的状态或位置信息。
• 使用场景：常用于需要跨 Widget 树操作的场景，比如表单验证、动画控制、或者获取某个 Widget 的上下文信息。

// www.javascriptcn.com code example
class MyWidget extends StatelessWidget {
  final GlobalKey<_MyStatefulWidgetState> globalKey = GlobalKey();

  @override
  Widget build(BuildContext context) {
    return MyStatefulWidget(key: globalKey);
  }
}

class MyStatefulWidget extends StatefulWidget {
  MyStatefulWidget({Key? key}) : super(key: key);

  @override
  _MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

LocalKey

LocalKey 是一种局部唯一的键，仅在同一个父 Widget 的子 Widget 列表中有效。它的主要特点包括：

• 局部唯一性：LocalKey 只在同一个父 Widget 的子 Widget 列表中唯一，不同父 Widget 的子 Widget 列表中的 LocalKey 可以重复。
• 使用场景：通常用于在同一父 Widget 下区分不同的子 Widget。常见的子类包括 ValueKey、ObjectKey 和 UniqueKey。

// www.javascriptcn.com code example
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        MyChildWidget(key: ValueKey('child1')),
        MyChildWidget(key: ValueKey('child2')),
      ],
    );
  }
}

class MyChildWidget extends StatelessWidget {
  MyChildWidget({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

总结

• GlobalKey 用于全局范围内唯一标识和操作 Widget，适合跨 Widget 树的场景。
• LocalKey 用于局部范围内唯一标识 Widget，适合在同一父 Widget 下区分不同的子 Widget。