Flutter dropdown button text overflow

Question

How can i make the text expand to it's content? I Tried this

child: DropdownButtonHideUnderline(
                                  child: DropdownButton<String>(
                                items: _currentCitySelected.area
                                    .map((String dropDownStringItem) {
                                  return DropdownMenuItem<String>(
                                    value: dropDownStringItem,
                                    child: Container(
                                        child: Text(
                                      dropDownStringItem,
                                      maxLines: 2,
//                                      overflow: TextOverflow.clip,
                                    )),
                                  );
                                }).toList(),
                                onChanged: (String newValueSelected) {
                                  setState(() {
                                    this._currentAreaSelected =
                                        newValueSelected;
                                  });
                                },
                                value: _currentAreaSelected,
                              ))

[ enter image description here Text expands to content in drop down dialog content, but it does'nt works the same way in the main view.

shadowsheep · Accepted Answer · 2019-01-20 22:06:10Z

10

Set isExpanded property of DropdownButton to true

isExpanded: true

Like that:

DropdownButtonHideUnderline(
            child: DropdownButton<String>(
              isExpanded: true,
              items: [...]

answered Jan 20, 2019 at 22:06

shadowsheep

15.1k3 gold badges73 silver badges83 bronze badges

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

1 Comment

Coltuxumab Over a year ago

This does fix the wrap issue but causes another. Now, the DropdownButton takes the entire screen width. Is there any way to now shrink it? EDIT: Just needed to wrap the button in a Container with constraints: BoxConstraints(maxWidth: 300)

Collectives™ on Stack Overflow

Flutter dropdown button text overflow

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