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:
Delete Mode:
Search:
1. Single SearchDropDown
SearchDropDown(
listItens: listitems,
onDeleteItem: removeItem,
onAddItem: addItem,
addMode: true,
deleteMode: true,
updateSelectedItem: updateSelectedItem,
),
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'),
),
License
