how to add margin in dropdown item menu

Question

how to add margin in dropdown item menu? i want to add space in every menu item

here is my code

// Dropdown Box
        Container(
         .....
          child: DropdownButton(
            elevation: 1,
            isExpanded: true,
            hint: Text(
              '--Select One--',
              style: TextStyle(
                color: Color(0xffB2B2B2),
              ),
            ),
           
            items: dropdownOption.map((e) {
              return DropdownMenuItem(
                value: e['value'],
                child: Text(e['label']),
              );
            }).toList(),
            value: dropdownValue,
            onChanged: (value) {
              setState(() {
                dropdownValue = value;
              });

            },
          ),
        ),

if i put padding in text dropdown menu it looks like this

Does this answer your question? [Custom Dropdown Button and MenuItems Flutter](https://stackoverflow.com/questions/59715001/custom-dropdown-button-and-menuitems-flutter) — Md. Yeasin Sheikh, Mar 10 '22 at 10:27

score 1 · Answer 1 · answered Mar 10 '22 at 10:18

1

By simply wrapping your text widget with padding widget.

answered Mar 10 '22 at 10:18

Soufiane Saadouni

23
5

the menu gone overlapped, i updated the question – CCP Mar 10 '22 at 10:35

Ahmed Elsayed · Answer 2 · 2022-05-27T15:58:08.723

0

You can do that with DropdownButton2 by using itemPadding property. DropdownButton2 is based on Flutter's core DropdownButton with steady dropdown menu below the button and many other options you can customize to your needs.

Disclaimer: I am the author of the package mentioned above.

edited May 27 '22 at 15:58

answered Mar 11 '22 at 02:02

Ahmed Elsayed

538
1
4
11

score 0 · Accepted Answer · answered Mar 17 '22 at 03:13

0

it turns out it's really simple just add itemHeight in DropdownButton lol

example:

DropdownButton(
              itemHeight: 70,
),

answered Mar 17 '22 at 03:13

CCP

886
1
10
30

how to add margin in dropdown item menu

3 Answers3