我创建了一个 dropdownButton 来允许用户从下拉列表中进行选择,该列表将通过 API 填充。现在我正在使用我创建的列表进行填充。
目前,该按钮正在显示我的列表中的项目,但在进行选择后,列表不会显示所选项目,但仍显示提示文本。我希望发生的是在做出选择后,下拉按钮显示所选的项目而不是提示文本。
在 onChanged 方法中,我添加了一个 setState,希望将 _selectedValue 变量更新为所选值并将其显示在 dropdownButton 中。
我还在 setState 方法中添加了一条 print 语句,它会触发并显示 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);
});
},
),
Run Code Online (Sandbox Code Playgroud)