Border radius of selection list of DropdownButtonFormField in flutter

Question

I didn't find how to decorate the list that appears when you click on DropdownButton like make radius for the corners as you see in the screenshot below.

Solution

Since flutter 2.11.0-pre the native DropdownButtonFormField comes with borderRadius by default.

DropdownButtonFormField(
  borderRadius: BorderRadius.circular(20.0),
  items: // <your items list>
  value: // your value
  onChanged: (value) {}
)

You could consider updating your flutter version to 2.11.0+, just keep in mind it's still in beta.

Comments

[Ravindra S. Patil]

You want to dropdown is like rounded corner?

[Tedjoucif]

yeah the list that appears when clicking DropDownButton have a rounded corners

[Tedjoucif]

i'm using DropdownButtonFormField that doesn't contain borderRadius,

[Tedjoucif]

i nned to use DropdownButtonFormField because i'm using form

[Ravindra S. Patil]

Ok Wait I will try

[Tedjoucif]

look i is an issue in git github.com/flutter/flutter/pull/95944

[Sambhav Khandelwal]

It would be better if u could format the code