Flutter 如何更改下拉箭头';这个MultiSelectFormField小部件的颜色是什么?

Flutter 如何更改下拉箭头';这个MultiSelectFormField小部件的颜色是什么?,flutter,dart,Flutter,Dart,我正在尝试将这个MultiSelectFormField小部件的下拉箭头的颜色从黑色更改为灰色。文档中没有可更改的属性。有办法吗 改变它?我尝试使用主题数据和指示颜色,但这并没有改变任何事情 Container( decoration: BoxDecoration( border: Border( bottom: BorderSide(width: 1,color: Colors.white) ) ), child: Theme( data: Th

我正在尝试将这个MultiSelectFormField小部件的下拉箭头的颜色从黑色更改为灰色。文档中没有可更改的属性。有办法吗 改变它?我尝试使用主题数据和指示颜色,但这并没有改变任何事情

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中下拉箭头的颜色。在这个包中,下拉箭头的颜色似乎是固定的。