Last updated:
0 purchases
search autocomplete
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.7
copied to clipboard
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,
)
copied to clipboard
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
);
},
)
copied to clipboard
License #
This package is licensed under the MIT License. See the LICENSE.md file for details.
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.