How i can set a dropdown menu item dialog width?

Question

DropdownButtonFormField(
  items: businessType
            .map((businessType) => DropdownMenuItem(
                  value: businessType,
                  child: SizedBox(
                    child: Text(
                      businessType['val'],
                      maxLines: 1,
                      style:
                          TextThemeFile.primary14MediumPoppins(context, 25),
                      softWrap: true,
                      overflow: TextOverflow.ellipsis,
                    ),
                  ),
                ))
            .toList(),
  onChanged: onChanged,
  value: selected,
    hint:hint,
  icon: suffixIcon,
  elevation: 0,
  decoration: InputDecoration(),
)

i want give a margin from the left & right side And menu item show below the dropdown menu as user point of view is not good.In this image dropdownmenu item show at that time dropdown is hide and menu item width is full width

B. Cratty · Accepted Answer · 2025-03-04 12:55:12Z

0

Have you tried adding the following to your DropDownButtonField()

isExpanded: true,
decoration: InputDecoration(
    contentPadding: EdgeInsets.symmetric(horizontal: 16),
  ),

So now your code should look like the following:

DropdownButtonFormField(
  items: businessType
            .map((businessType) => DropdownMenuItem(
                  value: businessType,
                  child: SizedBox(
                    child: Text(
                      businessType['val'],
                      maxLines: 1,
                      style:
                          TextThemeFile.primary14MediumPoppins(context, 25),
                      softWrap: true,
                      overflow: TextOverflow.ellipsis,
                    ),
                  ),
                ))
            .toList(),
  onChanged: onChanged,
  value: selected,
    hint:hint,
  icon: suffixIcon,
  elevation: 0,
  isExpanded: true,
  decoration: InputDecoration(
    contentPadding: EdgeInsets.symmetric(horizontal: 16),
  )
)

answered Mar 4 at 12:55

B. Cratty

2,0032 gold badges21 silver badges42 bronze badges

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

1 Comment

Naimish Patel Mar 5 at 6:01

yes But not give my aspected results. @B. Cratty

Collectives™ on Stack Overflow

How i can set a dropdown menu item dialog width?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related