How to avoid overflow in finddropdown flutter

Question

Hello everyone i've made a map with 2 dropdowns, they work but i got this issue i cant seem to get rid of.

When the names of the selected items are too long i get an overflow.

I dont know what to do about it, hope someone can help me with this :)

Widget:

Theme(
                                  data: ThemeData.light().copyWith(
                                    primaryColor: azulTuti,
                                    accentColor: azulTuti,
                                    colorScheme: ColorScheme.light(
                                        primary: azulTuti),
                                    buttonTheme: ButtonThemeData(
                                        textTheme: ButtonTextTheme.primary),
                                  ),
                                  child: FindDropdown(
                                    searchBoxDecoration: InputDecoration(
                                        hintText: "Seleccione un local"),
                                    selectedItem: selected_local,
                                    items: locales,
                                    key: UniqueKey(),
                                    onChanged: (local) {
                                      if (local != "Seleccione un local") {
                                        setState(() {
                                          selected_local = local;
                                          chooseLocal = true;
                                          zoomMarker(selected_local);
                                        });
                                      }
                                    },
                                  )),

What i get:

MobIT · Accepted Answer · 2021-05-15 02:42:34Z

1

We can define dropdownBuilder. Please add the following code inner FindDropdown Widget.

dropdownBuilder: (context, selectedItem) {
  return Container(
    padding: EdgeInsets.all(8),
    decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(4),
        color: Colors.white),
    child: Row(
      children: [
        Expanded(
          child: Text(
            selectedItem.toString(),
            style: TextStyle(color: Colors.black),
          ),
        ),
        SizedBox(width: 8),
        Icon(Icons.arrow_drop_down),
      ],
    ),
  );
},

edited May 15, 2021 at 2:42

answered May 15, 2021 at 1:54

MobIT

9909 silver badges15 bronze badges

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

Comments

Ardeshir ojan · Accepted Answer · 2021-05-15 04:50:38Z

1

you might wanna use this it will keep your text in one line and scrollable

                    Expanded( 
                      child: Container(
                         child:SingleChildScrollView(
                            scrollDirection: Axis.horizontal,
                            child: Text(
                              "--",),
                         ),
                      ),
                    )

answered May 15, 2021 at 4:50

Ardeshir ojan

2,5284 gold badges25 silver badges50 bronze badges

1 Comment

Juan94 Over a year ago

Your answer worked but i prefer Mardel's answer, 1+ cause was useful :)

Collectives™ on Stack Overflow

How to avoid overflow in finddropdown flutter

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related