constructor - 为什么有 "key"是一些构造函数的参数，它有什么用？

Question

我经常在很多 Flutter 代码中看到这个，但我不知道它做了什么或它的意义是什么:

TextField(
    style: Theme.of(context).textTheme.display1,
    key: _inputKey, // <-------------- what is this?

Answer 1

使用 Key，您可以告诉 Flutter 一个 widget 在重建后是相同的(或不同的)。当这些小部件保持内部状态(例如正在运行的动画)时，这一点尤为重要。

当您在重建时从列表(Column 或 ListView)中添加或删除小部件时，Flutter 不知道添加了哪些小部件，移动了哪些小部件以及哪些小部件被移动了那些被删除了。 Rémi 链接的问题中描述了这样的用例。

GlobalKey 是一种特殊的键，允许您访问小部件的 State 和 RenderObject(和大小)。

AnimatedSwitcher 允许您切换带有动画的小部件，通常需要键控子级来指示是否应该出现动画，或者小部件在重建后是否相同。