Flutter中如何在关闭页面时清除dropdown_button2的选中值？

问题核心是你的selectItem状态被存在collectionController中，页面销毁后该状态未重置，导致再次进入页面时仍显示之前的选中项。以下是两种可行的解决方式：

方式一：页面销毁时重置状态 #

如果当前页面是StatefulWidget，重写dispose方法，在页面销毁时清空选中值：

@override
void dispose() {
  // 清空controller中的选中项
  collectionController.selectItem.value = null;
  super.dispose();
}

这种方式会在页面被销毁（比如退出页面）时自动触发，确保下次进入页面时下拉框回到初始的提示文本状态。

方式二：跳转页面返回后重置 #

如果你是通过Navigator.push跳转到其他页面，可以利用then回调，在从目标页面返回时重置选中值：

修改你跳转页面的代码：

// 跳转到其他页面的代码示例
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => TargetPage()),
).then((_) {
  // 从目标页面返回时清空选中项
  collectionController.selectItem.value = null;
});

这种方式更灵活，适合需要在返回时才重置的场景。

验证修改效果 #

完成上述修改后，再次选中选项跳转到其他页面，返回原页面时，下拉框会重新显示Select Item提示文本，而不是之前选中的选项。

内容的提问来源于stack exchange，提问作者Developer