Flutter 如何更改下拉箭头';这个MultiSelectFormField小部件的颜色是什么?
我正在尝试将这个MultiSelectFormField小部件的下拉箭头的颜色从黑色更改为灰色。文档中没有可更改的属性。有办法吗 改变它?我尝试使用主题数据和指示颜色,但这并没有改变任何事情Flutter 如何更改下拉箭头';这个MultiSelectFormField小部件的颜色是什么?,flutter,dart,Flutter,Dart,我正在尝试将这个MultiSelectFormField小部件的下拉箭头的颜色从黑色更改为灰色。文档中没有可更改的属性。有办法吗 改变它?我尝试使用主题数据和指示颜色,但这并没有改变任何事情 Container( decoration: BoxDecoration( border: Border( bottom: BorderSide(width: 1,color: Colors.white) ) ), child: Theme( data: Th
Container(
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(width: 1,color: Colors.white)
)
),
child: Theme(
data: ThemeData(
indicatorColor: Colors.grey,
),
child: MultiSelectFormField(
autovalidate: false,
title: Row(
children: [
Icon(
Icons.check_circle_outline,
color: Colors.white,
),
SizedBox(width: width*.02,),
Text(
"Goals",
style: TextStyle(
color: Colors.grey,
fontWeight: FontWeight.bold,
fontSize: height * .025),
),
],
),
hintWidget: Text(
"",
style: TextStyle(
color: Colors.grey,
fontWeight: FontWeight.bold,
fontSize: 0),
),
fillColor: Colors.transparent,
border: InputBorder.none,
dataSource: [
{
"display": "Goal 1",
"value": 1,
},
{
"display": "Goal 2",
"value": 2,
},
{
"display": "Goal 3",
"value": 3,
},
{
"display": " Goal 4",
"value": 4,
}
],
textField: 'display',
valueField: 'value',
required: false,
onSaved: (value) {
print('The value is $value');
}),
),
),
你可能想试着用这个来代替。 它有多选择和搜索以及完全可定制 多选的示例:
List<String> items = ["select 1", "select 2", "select 3"];
...
Container(
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(width: 1,color: Colors.white)
)
),
child: Theme(
data: ThemeData(
indicatorColor: Colors.grey,
),
child: SearchableDropdown.multiple(
label: "Multi-select"
hint: "Select an item",
items: items.map<DropdownMenuItem<String>>((String item) {
return DropdownMenuItem<String>(
value: item,
child: Text(item),
);
}).toList(),
onSaved: (value) {
print('The value is $value');
}),
//set icon here
clearIcon: Icon(Icons.clear_all),
icon: Icon(Icons.arrow_drop_down_circle),
//set icon color here
iconDisabledColor: Colors.brown,
iconEnabledColor: Colors.indigo,
isExpanded: true,
),
),
List items=[“选择1”、“选择2”、“选择3”];
...
容器(
装饰:盒子装饰(
边界:边界(
底部:边框边(宽度:1,颜色:颜色。白色)
)
),
儿童:主题(
数据:主题数据(
指示颜色:颜色。灰色,
),
子项:SearchableDropdown.multiple(
标签:“多选”
提示:“选择一个项目”,
items:items.map((字符串项){
返回下拉菜单项(
价值:项目,,
子项:文本(项),
);
}).toList(),
已保存:(值){
打印(“值为$value”);
}),
//在此设置图标
clearIcon:Icon(图标。全部清除),
图标:图标(图标。箭头\下拉\圆圈),
//在此处设置图标颜色
iconDisabledColor:Colors.brown,
iconEnabledColor:Colors.indigo,
是的,
),
),
不幸的是,我认为无法更改MultiSelectFormField中下拉箭头的颜色。在这个包中,下拉箭头的颜色似乎是固定的。