Flutter切换Picker组件时出现脏组件构建与重复GlobalKey错误

问题场景 #

通过条件渲染切换两个Picker组件：

if (_equipmentSwitch == equipmentType.Implement)
  TractorPicker(mapNotifier: modelNotifier)
else
  HarvesterPicker(mapNotifier: modelNotifier),

HarvesterPicker可正常工作，但切换到TractorPicker时触发两个错误，且未手动使用GlobalKey。

错误原因 #

1. Tried to build dirty widget in the wrong build scope #

Flutter在条件渲染时会尝试复用同一位置的Widget状态，但TractorPicker和HarvesterPicker是不同类型的Widget。这种跨类型的状态复用会导致Widget状态上下文混乱，Flutter试图在错误的构建范围内重建一个已标记为"dirty"（待更新）的旧状态Widget，从而触发该错误。

2. Duplicate GlobalKey detected in widget tree #

你没手动定义GlobalKey，但Picker类组件（尤其是第三方实现的）内部通常会默认使用GlobalKey管理弹窗、列表选择等状态。当切换组件时，旧组件的GlobalKey未被正确销毁回收，新组件初始化时若生成了重复的GlobalKey（或组件内部的GlobalKey是静态/单例实现），就会触发全局Key冲突。

解决方案 #

• 给两个Picker组件添加唯一key，强制Flutter将它们视为独立Widget，避免状态复用：

  if (_equipmentSwitch == equipmentType.Implement)
    TractorPicker(key: UniqueKey(), mapNotifier: modelNotifier)
  else
    HarvesterPicker(key: UniqueKey(), mapNotifier: modelNotifier),
  

• 若为第三方组件内部Key冲突，检查组件初始化逻辑，或更换支持自定义Key的组件版本，确保每次切换时组件内部Key唯一。

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