Flutter removing dropdown menu's trailing icon with clickable area

Question

I want to completely remove dropdown menu's trailing icon. I added below code to remove it.

 DropdownMenu<ColorLabel>(
   trailingIcon: SizedBox.shrink(),
   selectedTrailingIcon: SizedBox.shrink(),
   initialSelection: ColorLabel.green,
   controller: colorController,

However the clickable area (or whatever the name is) is still appears. Is it possible to remove completely?

TIA

Does this answer to your question: stackoverflow.com/a/67997808/5882307 ? — Omi Shah
– Omi Shah, Commented Jun 26, 2024 at 5:39
Well not exactly. The clickable region appears even with Visibility widget method. — ilmirfan
– ilmirfan, Commented Jun 26, 2024 at 5:53

Kishan Dhankecha · Accepted Answer · 2025-08-21 11:20:21Z

1

You can achieve the space removal with the inputDecorationTheme property. Pass the InputDecorationThemeData object with this property

suffixIconConstraints: BoxConstraints(maxWidth: 0),

NOTE: You still need to add this to remove the icon in the first place.

trailingIcon: SizedBox.shrink(),

answered Aug 21 at 11:20

Kishan Dhankecha

1,02311 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Flutter removing dropdown menu's trailing icon with clickable area

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related