巧用Flutter Key，从入门到精通！

2023-11-20 10:02:02

Flutter Key 是一个唯一标识符，可以帮助您在 Widget 树中跟踪 Widget。它可以用于多种目的，包括：

保留用户的滚动位置。
在修改集合时更新 Widget。
在测试中标识 Widget。

Flutter Key 可以通过两种方式使用：

在 Widget 构造函数中指定一个键。
使用 GlobalKey 对象。

在 Widget 构造函数中指定一个键非常简单。只需将一个键作为第一个参数传递给 Widget 的构造函数即可。例如：

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

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

使用 GlobalKey 对象有点复杂。首先，您需要创建一个 GlobalKey 对象。您可以使用 GlobalKey() 构造函数来做到这一点。例如：

final GlobalKey<MyWidgetState> myKey = GlobalKey<MyWidgetState>();

然后，您可以将 GlobalKey 对象作为第一个参数传递给 Widget 的构造函数。例如：

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

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

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: MyWidget(key: myKey),
    );
  }
}