如何在打开的下拉菜单中更改所选项目的背景颜色?我想在打开的下拉菜单中更改所选项目的背景颜色。
的数据
ruyhziif1#
我可以通过添加MenuStyle来更改颜色
DropdownMenu( menuStyle: MenuStyle( backgroundColor: MaterialStateProperty.all( Colors.grey), ), ),
字符串
lhcgjxsq2#
在Flutter中,您可以通过自定义项目并使用DropdownMenuItem或自定义背景颜色来更改打开的DropdownButton中所选项目的背景颜色。以下是您的操作方法:1.创建DropdownMenuItem或小部件列表并自定义其外观:
DropdownMenuItem
DropdownButton
DropdownButton<String>( value: selectedValue, items: items.map((String item) { return DropdownMenuItem<String>( value: item, child: Container( color: item == selectedValue ? Colors.blue : Colors.white, // Change the background color for the selected item child: Text(item), ), ); }).toList(), onChanged: (String newValue) { setState(() { selectedValue = newValue; }); }, )
字符串在上面的代码中,Container的背景颜色是通过比较当前项目和选定的值来确定的。如果匹配,它将背景颜色设置为蓝色(您可以将其更改为您喜欢的任何颜色),对于其他项目,它将背景颜色设置为白色。您可以根据自己的喜好自定义颜色。
selectedValue
onChanged
2条答案
按热度按时间ruyhziif1#
我可以通过添加MenuStyle来更改颜色
字符串
lhcgjxsq2#
在Flutter中,您可以通过自定义项目并使用
DropdownMenuItem
或自定义背景颜色来更改打开的DropdownButton
中所选项目的背景颜色。以下是您的操作方法:1.创建
DropdownMenuItem
或小部件列表并自定义其外观:字符串
在上面的代码中,Container的背景颜色是通过比较当前项目和选定的值来确定的。如果匹配,它将背景颜色设置为蓝色(您可以将其更改为您喜欢的任何颜色),对于其他项目,它将背景颜色设置为白色。您可以根据自己的喜好自定义颜色。
selectedValue
变量,并在onChanged
回调中更新它以反映所选的值。