0

i ma trying to add searchable drop down box for my flutter application but when i add code from package example it's not showing the text filed for enter the values that i need to search ? FYI showSearchBox is depericiated since it's not letting me add that parameter.

this is the codes that i have been trying so far non of the is working

DropdownSearch<int>(
                      items: [1, 2, 3, 4, 5, 6, 7],
                      dropdownDecoratorProps: DropDownDecoratorProps(
                        dropdownSearchDecoration: InputDecoration(
                          labelText: "Modal mode",
                          hintText: "Select an Int",
                          filled: true,
                        ),
                      ),
                      popupProps: PopupPropsMultiSelection.modalBottomSheet(
                        disabledItemFn: (int i) => i <= 3,
                      ),
                    ),

For this code i am getting the drop down but no text filed

enter image description here

enter image description here

but according the to the package info i should see a text filed.

and after all i have tried with my own model when i do that still same result

 DropdownSearch(
        enabled: true,
        filterFn: (user, filter) {//this is just for testing i though if i add this then it will show the text filed
          print(filter);
           return true;},
          itemAsString: (item) =>"${item.firstName} ${item.lastName}",
         dropdownDecoratorProps: DropDownDecoratorProps(
              dropdownSearchDecoration: InputDecoration(
              labelText: "Menu mode",
               hintText: "country in menu mode",
              filled: true,),),
             items: studentController.studentList DropdownSearch(
                            enabled: true,
                            filterFn: (user, filter) {//this is just for testing i though if i add this then it will show the text filed
                              print(filter);
                              return true;
                            },
                            itemAsString: (item) =>
                                "${item.firstName} ${item.lastName}",
                            dropdownDecoratorProps: DropDownDecoratorProps(
                              dropdownSearchDecoration: InputDecoration(
                                labelText: "Menu mode",
                                hintText: "country in menu mode",
                                filled: true,
                              ),
                            ),
                            items: studentController.studentList,
                          ),  ),

For this also i ma getting the same result

enter image description here

enter image description here

Thalinda Bandara
  • 1,039
  • 1
  • 11
  • 27

1 Answers1

1

in the current version the showSearchBox property found inside popupProps

DropdownSearch<Model>(
  popupProps: PopupProps.menu(
      fit: FlexFit.loose,
      showSearchBox: true, // add this line 
      title: 
pmatatias
  • 3,491
  • 3
  • 10
  • 30