Flutter中DropdownButton调用setState更新不生效如何解决

下拉组件不更新的核心错误是DropdownButton的选中值绑定逻辑写错了：

• 你给value属性硬编码写死了grades["AA"]，这个表达式的返回值永远是固定值5，根本没有关联你用来存储选中状态的val变量
• 即使onChanged回调里通过setState修改了val的值，组件渲染时读取的还是写死的固定值，自然不会触发选中态的UI更新
• 额外提醒：如果把val、grades变量定义在build方法内部，每次setState触发重建时变量会被重置为初始值，同样会导致状态更新异常，这两个变量必须放在State类的成员位置定义。

Map<String, int> grades = {
  "AA": 5,
  "BB": 4,
};

// 选中值变量定义为State类成员，不要放在build里
int val = 5;

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: DropdownButton<int>(
      // 修正点：value绑定实际存储选中状态的val变量
      value: val,
      onChanged: (newVal){
        setState((){
          if(newVal != null){
            val = newVal;
          }
        });
      },
      items: grades
          .map((key, value) {
            return MapEntry(
              key,
              DropdownMenuItem<int>(
                value: value,
                child: Text(key),
              )
            );
          })
          .values
          .toList(),
    )
  );
}

避坑提示：后续如果动态修改grades数据源，必须保证当前存储的val值存在于grades的所有value集合中，否则会抛出“没有对应匹配下拉项”的运行时错误。

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