Question about searchMatchFn about dropdown_button2

[AhmedLSayed9]

Can you try this using the last version 3.0.0-beta.6?
If you still have an issue, you can share a minimal working sample.

[eriCCsan]

Thy it works now!
The guy who implemented dropdownSeparatorsaved my live :)
Here is my approach:

class TextDropDownFormField extends ConsumerStatefulWidget {
  final List<KeyValuePair> keyValueList;
  final String? Function(String?)? validator;
  final FloatingInputDecoration inputDecoration;
  final TextStyle listTextStyle;
  final TextEditingController controller;
  final String searchHint;

  static const double menuItemHeight = 50.0;

  String? selected;
  TextDropDownFormField(
      {required List<KeyValuePair> this.keyValueList,
      required this.validator,
      required this.inputDecoration,
      required this.listTextStyle,
      required this.controller,
      required this.searchHint,
      Key? key})
      : super(key: key);

  @override
  TextDropDownFormFieldState createState() => TextDropDownFormFieldState();
}

class TextDropDownFormFieldState extends ConsumerState<TextDropDownFormField> {
  @override
  void initState() {
    widget.selected = widget.controller.text;
    super.initState();
  }

  String? selectedValue;
  final TextEditingController textEditingController = TextEditingController();

  @override
  void dispose() {
    textEditingController.dispose();
    super.dispose();
  }

  List<DropdownItem<String>> _addDividersAfterItems(
      List<KeyValuePair> keyValueList) {
    final List<DropdownItem<String>> menuItems = [];
    for (final KeyValuePair item in keyValueList) {
      menuItems
        ..add(DropdownItem(
          value: item.getValue(),
          child: Text(
            item.getKey(),
            overflow: TextOverflow.ellipsis,
          ),
        ));
    }
    return menuItems;
  }

  @override
  Widget build(BuildContext context) {
    return DropdownButtonHideUnderline(
      child: DropdownButtonFormField2<String>(
        isExpanded: true,
        decoration: widget.inputDecoration,
        value: selectedValue,
        onChanged: (value) {
          widget.controller.text = value ?? "";
          setState(() {
            selectedValue = value;
          });
        },
        dropdownSeparator: const DropdownSeparator(
          height: 4,
          child: Padding(
            padding: EdgeInsets.symmetric(horizontal: 8.0),
            child: Divider(),
          ),
        ),
        hint: Text(widget.inputDecoration.hintText ?? ""),
        items: _addDividersAfterItems(widget.keyValueList),
        validator: widget.validator,
        dropdownStyleData: const DropdownStyleData(
            maxHeight: (TextDropDownFormField.menuItemHeight * 4) + 4,
            padding: EdgeInsets.all(0.0)),
        menuItemStyleData: MenuItemStyleData(
          padding: const EdgeInsets.symmetric(horizontal: 10),
          overlayColor: MaterialStateProperty.all(Colors.transparent),
        ),

        dropdownSearchData: widget.keyValueList.length > 4
            ? DropdownSearchData(
                searchController: textEditingController,
                searchBarWidgetHeight: TextDropDownFormField.menuItemHeight,
                searchBarWidget: Container(
                  height: TextDropDownFormField.menuItemHeight,
                  padding: const EdgeInsets.all(5.0),
                  child: TextFormField(
                    controller: textEditingController,
                    decoration: InputDecoration(
                      contentPadding: const EdgeInsets.symmetric(
                        horizontal: 10,
                        vertical: 8,
                      ),
                      hintText: widget.searchHint,
                      border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(5),
                      ),
                    ),
                  ),
                ),
                searchMatchFn: (item, searchValue) {
                  return item.value
                      .toString()
                      .toLowerCase()
                      .contains(searchValue.toLowerCase());
                },
              )
            : null,
        onMenuStateChange: (isOpen) {
          if (!isOpen) {
            textEditingController.clear();
          }
        },
      ),
    );
  }
}