How to change the DropdownButton's icon color? Flutter

flutter dropdown
Korenz picture Korenz · Dec 25, 2018 · Viewed 9.8k times · Source

In Flutter, I am trying to change the color of the DropdownButton's icon (the down arrow icon) to white color.

I tried using the style property with no help. The text color became white but the icon is still the default grey.

DropdownButton(
         style: TextStyle(color: Colors.white, decorationColor: 
             Colors.white),
         items: this.items,
         value: null,
         hint: Text(SaveOptions[_saveOption], style: TextStyle(color: 
             Colors.white)),
         onChanged: (selectedOption) {
           setState(() {
             _saveOption = selectedOption;
           });
         })

How do I change the color of the arrow icon to white?

Answer

AlvaroSantisteban picture AlvaroSantisteban · Jun 13, 2019

You can use the fields iconEnabledColor and iconDisabledColor in the following manner:

final myDropDownMenu = DropdownButton<String>(
      iconEnabledColor: Colors.white,
      iconDisabledColor: Colors.white,
      value: myInitialValue,
      // The rest of your code
);

Related questions

How should I customize DropdownButtons and DropdownMenuItems in Flutter?

The default DropdownButton with DropdownMenuItems returns a light-grey dropdown. How should I customize the dropdown (e.g. background color, dropdown width)? I can change the style property in both DropdownButton and DropdownMenuItem, like this: return new DropdownButton( value: ..., items: ..., onChanged: ..., …

Read More
Flutter dropdown text field

I am still new to Flutter. Is there an example of a material dropdown list text field? I saw the example on Material Text Field but I didn't find anywhere in the documentation on how to implement this. Thanks for …

Read More
How can we change the width/padding of a Flutter DropdownMenuItem in a Dropdown?

In Flutter, I can build a Dropdown with DropdownMenuItems, like this: The DropdownMenuItems I add are always wider than the dropdown itself: How do you adjust the width of the DropdownMenuItem, or remove the extra horizontal padding? My DropdownMenuItem widget …

Read More