simple_search_dropdown 5.2.1 copy "simple_search_dropdown: ^5.2.1" to clipboard
simple_search_dropdown: ^5.2.1 copied to clipboard

A dropdown that offers a search bar, multiple and single selections.

Search Dropdown #

Search DropDown is a dropdown that offers a search bar, multiple and single selections.

Import #

import 'package:simple_search_dropdown/simple_search_dropdown.dart';

Getting Started #

This project is a widget to find items in a list without sacrifying beauty and usefulness:

  • Different styles: Search DropDown can be customized with various styles, including colors, text styles, icons, and more.
  • Multiple and single options: Search DropDown can be used to select multiple or single items.
  • Add and Delete Mode: Search Dropdown accepts functions to add and delete items from the list inside it
  • Compact and Simple: Search DropDown is very compact and takes up very little space on the screen.

Usage #

Features #

Add Mode:

Add Mode

Delete Mode:

Delete Mode

Search Feature

1. Single SearchDropDown #

    SearchDropDown(
        listItens: listitems,
        onDeleteItem: removeItem, 
        onAddItem: addItem,
        addMode: true,
        deleteMode: true,
        updateSelectedItem: updateSelectedItem,
    ),

Single Menu

2. Multiple SearchDropDown #

    MultipleSearchDropDown(
        listItems: listitems,
        onDeleteItem: removeItem, 
        onAddItem: addItem,
        addMode: true,
        deleteMode: true,
        selectedItems: selectedMultipleItems,
        updateSelectedItems: updateSelectedItems,
    ),

3. Reseting the dropdown to the unselected state: #

    //create a key and add it to the dropdown:
    final GlobalKey<SearchDropDownState> singleSearchKey = GlobalKey();
    SearchDropDown(
        listItens: listitems,
        onDeleteItem: removeItem, 
        onAddItem: addItem,
        addMode: true,
        deleteMode: true,
        updateSelectedItem: updateSelectedItem,
    ),
    //create a function to clear the selection:
    void clearSingleSelection() {
        singleSearchKey.currentState?.clearSelection();
    }
    //assign it to a widget (like a button):
    TextButton(
        onPressed: clearSingleSelection,
        child: const Text('Clear Single Selection'),
    ),

Multi Menu

Multi Menu Selection

License #

License

8
likes
160
pub points
75%
popularity

Publisher

unverified uploader

A dropdown that offers a search bar, multiple and single selections.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter, scrollable_positioned_list, stringr

More

Packages that depend on simple_search_dropdown