Flutter DropdownButton - expand outside of parent element

Question

I need the flutter dropdownbutton to be expanded much more out of its parent so all dropdown menu items would fit into it.

Now I'm using Row > Expanded > DropdownButton + isExpanded and here is the result

here is the scaffold structure:

Scaffold( ... body: Container(child: Column(children: [ .., 
Expanded(child: SingleChildScrollView(
 child: Container(
   child: Column(
    children: [ ..,
      IntrinsicHeight( 
      child: Expanded( flex: 4, 
          child: Row([ .., 
                DropdownButton(
                    isExpanded: true,
                    elevation: 24
                ),..] ... ]

score 1 · Answer 1 · answered Apr 01 '21 at 17:10

1

look at this : https://github.com/flutter/flutter/pull/14849

You can now wrap it in a ButtonTheme and set alignedDropdown to true.

 Row(children: [ButtonTheme(alignedDropdown: true   child:DropdownButton(...))])

answered Apr 01 '21 at 17:10

EDMGL

96
1
7

same result as on my screenshot but I need all dropdown items go wider than its parent and fit all items inside of dropdown list – okarpov Apr 01 '21 at 17:22

score 1 · Answer 2 · answered May 12 '22 at 03:08

For your problem, I would prefer you try with DropDownButton2,

The problem with the DropdownButton is that the menu will open randomly based on the selected index and other things. Also, You can't edit its code by just trying to pass offset as the logic code of the paint work based on that and trying to hardcode the selectedItemOffset to a value won't work perfectly fine.

So use DropDownButton2 , which is built just over this . In which you can customize according to your requirement !

You can expand the menuItems, or shrink according to your requirement
Follow this link and see some example code

Package: DropDownButton2

For reference: Refer this link

Flutter DropdownButton - expand outside of parent element

2 Answers2