search_autocomplete 0.0.4 search_autocomplete: ^0.0.4 copied to clipboard
A Flutter autocomplete search widget with custom dropdowns and Cubit/BLoC support.
Search Autocomplete Flutter Package #
Overview #
This Flutter package provides a SearchAutocomplete
widget for implementing autocomplete functionality with a dropdown menu. The package offers extensive customization options for the search field, dropdown items, and includes hooks for search logic.
Installation #
To use this package, add search_autocomplete
as a dependency in your pubspec.yaml
file:
dependencies:
search_autocomplete: ^0.0.4
Features #
- Customizable search field
- Customizable dropdown items
- Hooks for search logic
- Initial value support
- Placeholder text support
- Widget to display when the dropdown is empty
State Management Compatibility #
- Designed to work seamlessly with Cubit/Bloc and other orthodox state managers. Since the list updating logic resides higher up in the widget tree, it allows for a clean separation between UI and logic.
Usage #
Here's a quick example to show how to use SearchAutocomplete
widget:
SearchAutocomplete<String>(
options: ['Apple', 'Banana', 'Orange'],
initValue: 'Apple',
onSearch: (query) {
// Implement your search logic here
},
onSelected: (item) {
// Handle selection
},
getString: (item) => item,
)
Customization #
Both the search field and the dropdown items can be customized using fieldBuilder
and dropDownBuilder
respectively.
SearchAutocomplete<String>(
// ...
fieldBuilder: (controller, onFieldTap, showDropdown) {
return TextFormField(
// Customizations here
);
},
dropDownBuilder: (options, onSelected) {
return ListView.builder(
// Customizations here
);
},
)
License #
This package is licensed under the MIT License. See the LICENSE.md file for details.