Flutter dropdownButton setState on change 在选择后不更新下拉文本以显示所选项目

如何解决Flutter dropdownButton setState on change 在选择后不更新下拉文本以显示所选项目

我创建了一个 dropdownButton 以允许用户从下拉列表中进行选择，该下拉列表将从 API 填充。现在我正在使用我创建的列表进行填充。

目前该按钮正在显示我的列表中的项目，但在做出选择后，该列表不会显示所选项目，但仍会显示提示文本。我想要发生的是在做出选择之后，下拉按钮显示被选择的项目而不是提示文本。

在 onChanged 方法中，我添加了一个 setState，希望将 _selectedValue 变量更新为选定的值并将其显示在下拉按钮中。

我还在我的 setState 方法中添加了一个打印语句，它会触发并向我显示 value 变量中的值。

这是我的代码。

List<DropdownMenuItem<int>> listItems = [DropdownMenuItem(child: Text("2016"),value: 2016,),DropdownMenuItem(child: Text("2021"),value: 2021,)];
    int _selectedValue;

body: DropdownButton(
          value: _selectedValue,items: listItems,hint: Text("Select Year"),onChanged: (int value){
           setState(() {
             _selectedValue = value;
             print(value);
           });
          },

解决方法

您的代码很好，但问题是您可能正在 build() 方法中初始化 _selectedValue。这样每当您调用 set state 时，小部件都会重建并使用默认值再次初始化。

int _selectedValue;
@override
Widget build(BuildContext context) {
    return DropdownButton(
    value: _selectedValue,items: listItems,hint: Text("Select Year"),onChanged: (int value){
      setState(() {
      _selectedValue = value;
      print(value);
    });    
},),