list_picker_dialog_plus

List Dialog Picker with search and keyboard navigation.

Getting Started

Install

pubspec.yaml

list_picker_dialog_plus: <version_number>

Simple Text List Picker

var item = await showTextListPicker(
    context: context,
    selectedItem: _selectedItem,
    findFn: (str) async => [
    "Apple",
    "Bannana",
    "Grapes",
    "Orrange",
    "Pineapple",
    ],
);
if (item != null) {
    setState(() {
    _selectedItem = item;
    });
}

Advance Option List Picker

  var item = await showListPicker(
    context: context,
    selectedItem: _selectedItem,
    findFn: (str) async => [
            "Apple",
            "Bannana",
            "Grapes",
            "Orrange",
            "Pineapple",
        ],
    filterFn: (dynamic item, str) =>
        item.toLowerCase().indexOf(str.toLowerCase()) >= 0,
    listItemFn: (item, position, focused, selected, onTap) =>
        ListTile(
            title: Text(
            item,
            style: TextStyle(
                color: selected ? Colors.blue : Colors.black87),
            ),
            tileColor: focused
                ? Color.fromARGB(10, 0, 0, 0)
                : Colors.transparent,
            onTap: onTap,
        ));
if (item != null) {
    setState(() {
    _selectedItem = item;
    });
}