Flutter DropdownMenu doesn't update with user input in search field

Question

Problem:

I'm using DropdownMenu in Flutter with enableSearch: true, and I want to filter the dropdown options based on the user's input in the search field. However, when I type, the keyboard appears, but the text doesn't show up in the dropdown or filter the options.

  DropdownMenu<String>(
    enableSearch: true,
    controller: viewModel.mapControllers["controller"] as TextEditingController,
    initialSelection: menuEntries.first.value,
    onSelected: (String? value) {
      setState(() {
        dropdownValue = value!;
        (viewModel.mapControllers["controller"] as TextEditingController).text = value;
    });
    },
  dropdownMenuEntries: menuEntries,
)`

What I've tried:

Checking if the TextEditingController is correctly updating. Using setState() after selection. Ensuring enableSearch: true, is correctly set.

Expected Behavior:

The dropdown should filter options based on what the user types. The input should be visible in the search field. Actual Behavior:

The keyboard appears, but typed text doesn't show in the dropdown. The dropdown options don't get filtered. How can I make the dropdown dynamically filter the options based on user input?

Daniel Onadipe · Accepted Answer · 2025-03-17 15:36:01Z

0

Use the property searchCallback to compute your search logic.

answered Mar 17 at 15:36

Daniel Onadipe

4394 silver badges8 bronze badges

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

1 Comment

Metok Mar 20 at 15:20

thks for answer but I had to put this line to make it work. requestFocusOnTap: true

Collectives™ on Stack Overflow

Flutter DropdownMenu doesn't update with user input in search field

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