为什么有时 StatefulWidget 不需要键?

问题描述

我正在努力更好地了解正在发生的事情 official example AnimatedPositioned

从此 article (和附带的视频) 我们知道即使小部件对象本身保持不变,但只是改变了位置 在小部件树中,如果小部件是 StatefulWidget,我们必须包含一个键。

嗯,在 官方示例 对于 AnimatedPositioned没有 键使用。 当 selected 被翻转时,setState 会触发对 build() 方法的第二次调用。 这第二次调用不仅重新定位完全相同的 StatelessWidget, 它还创建了一个全新的 AnimatedPositioned 对象。

Flutter 如何知道这个小部件与之前的小部件是同一个小部件(以正确设置动画)?它只是在小部件树中的位置吗?但是我们可以有多个小部件,这是一个 StatefulWidget

为什么有时 StatefulWidget 不需要密钥?

解决方法

StatefulWidget 中不总是使用键的原因是因为键擅长两件事*:当小部件在小部件树中改变位置时保持正确的状态,以及能够直接查询特定的执行测试时的小部件。

AnimatedPositioned 的官方示例中,一个键是多余的,因为在该示例中没有机制会导致小部件在小部件树中重新定位,因此状态没有丢失或错误分配。由于此示例不涉及展示如何在测试上下文中引用小部件,因此该用例也无关紧要。

理论上,您应该为您的 StatefulWidget 分配唯一的键,以保证 Flutter 内部工作的安全性。然而,实际上,为整个应用程序中的每个小部件分配一个唯一的键是多余的,只有在有理由的情况下才应该真正使用键。否则,它就会成为一种可能涉及大量沉没时间和样板文件的做法,但几乎没有真正的好处。


*:在使用 DevTools 查看应用程序的小部件树时,也可以使用键进行诊断。它们也可用于在查找特定小部件时遍历小部件树,但不鼓励使用这种方式,因为如果您需要从一个小部件到另一个小部件获取信息,则应使用状态管理工具。