Overflowing RenderFlex with long Texts in Options

[LPlenk]

My Dropdown has some long texts in the options. With the normal DropdownButtonFormField it is possible to set a attribute called isExpanded to true in order to get more lines in the options. Unfortunately I cannot find something similar in the MultiselectDropDown Widget. This causes an overflowing RenderFlex in my code.

Is it possible to add an attribute for that? Thanks in advance.

[debjeetproso]

I am having still a problem getting overflowing render flex error

[CA2puntosV]

I had the same problem, but I forked the project and tried to solve the error, and I opened a pull request for that, but for now you could do someting like this
import in your pubspec.yaml

  multiselect:
    git:
      url: https://github.com/CA2puntosV/multiselect.git
      ref: text_items_customization

[kuronob10]

U can use childBuilder for show value.

DropDownMultiSelect( onChanged: (value) { setState(() { selected = value; }); }, options: listOfValue, selectedValues: selected, childBuilder: (selectedValues) { return Padding( padding: const EdgeInsets.only(left: 20), child: Text(selectedValues.isNotEmpty ? '${selectedValues.length} Selected' : ''), ); }, decoration: inputStyleModal('Employee'), )

[FrankFromSmartMan]

U can use childBuilder for show value.

DropDownMultiSelect( onChanged: (value) { setState(() { selected = value; }); }, options: listOfValue, selectedValues: selected, childBuilder: (selectedValues) { return Padding( padding: const EdgeInsets.only(left: 20), child: Text(selectedValues.isNotEmpty ? '${selectedValues.length} Selected' : ''), ); }, decoration: inputStyleModal('Employee'), )

The issue was related to the options in the dropdown menu, not the content shown in the dropdown field (which is what childBuilder is used for).

[FrankFromSmartMan]

I encountered the same issue and realized that customizing the menu options by simply implementing menuItembuilder would do the trick.
I made it horizontally scrollable:

menuItembuilder: (option) {
        return SingleChildScrollView(
          scrollDirection: Axis.horizontal,
          child: Row(
            children: [
              MyCheckbox(
                value: selectedItems.contains(option),
                onChanged: (_) {},
              ),
              Text(option),
            ],
          ),
        );
      },