Flutter中DropdownButton初始值设置问题：无法预填充首个选项

问题核心 #

你在页面的initState里给局部selectedTeam赋值了第一个Team，但build方法里重新定义了同名变量，直接取了初始为null的appState.myTeam，导致Dropdown的value为null，无法预填充。

修复方案 #

1. 初始化全局状态的默认选中项 #

修改MyAppState，在构造函数里直接设置默认选中的Team（当列表非空时）：

class MyAppState extends ChangeNotifier {
  Team? myTeam;
  var myTeamId;
  String? myTeamName;

  // 构造函数初始化默认值
  MyAppState() {
    if (myTeams.isNotEmpty) {
      myTeam = myTeams[0];
      myTeamId = myTeam?.id;
      myTeamName = myTeam?.name;
    }
  }

  void setTeam(Team? selectedValue) {
    myTeam = selectedValue;
    myTeamId = selectedValue?.id;
    myTeamName = selectedValue?.name;
    notifyListeners();
  }
}

2. 清理页面冗余代码 #

删掉页面中局部的selectedTeam变量和initState里的赋值，直接从全局状态取值：

class GeneratorPage extends StatefulWidget {
  @override
  State<GeneratorPage> createState() => _GeneratorPageState();
}

class _GeneratorPageState extends State<GeneratorPage> {
  @override
  void initState() {
    super.initState();
    // 移除这里的selectedTeam赋值代码
  }

  @override
  Widget build(BuildContext context) {
    var appState = context.watch<MyAppState>();
    var selectedTeam = appState.myTeam;

    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          // 列表非空时才显示Dropdown
          if (myTeams.isNotEmpty)
            DropdownButton<Team>(
              value: selectedTeam,
              onChanged: (Team? newValue) {
                // 无需setState，notifyListeners会触发UI重建
                appState.setTeam(newValue);
              },
              items: myTeams.map((Team user) {
                return DropdownMenuItem<Team>(
                    value: user, child: Text(user.name));
              }).toList(),
              icon: const Icon(Icons.arrow_downward),
              elevation: 16,
              style: const TextStyle(color: Colors.deepPurple),
              underline: Container(
                height: 2,
                color: Colors.deepPurpleAccent,
              ),
            ),
        ],
      ),
    );
  }
}

补充说明 #

• 初始化时全局状态已经有默认值，Dropdown会直接显示第一个选项；
• 用户选中选项后，全局状态保存选中值，切换页面返回时会自动保留状态；
• 新增了if (myTeams.isNotEmpty)判断，满足你后续列表为空时隐藏Dropdown的需求。

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