search_dropdown

Description:

search dropdown

Flutter Serach in dropdown



Flutter simple DropdownSearch with item search feature, easy customization.

Features #
Key Features #

Search in a dropdown
Single & multi selection
Material dropdown
Easy customizable UI
Easy implementation into statelessWidget

Getting started #
packages.yaml #
search_dropdown: <lastest version>
copied to clipboard
Usage #
Import #
import 'package:search_dropdown/simple_search_popup.dart';
copied to clipboard
Simple implementation #

DropDownSearch<SearchValue>(
title: const Text('title'),
items: serchItems
.map((e) => DropDownSearchItem<SearchValue>(
value: e, child: Text(e.name,style: TextStyle(fontSize: 24),)))
.toList(),
onChanged: (SearchValue? value) {
print(value?.name);
},
);


class SearchValue extends SearchItemModal {
SearchValue({required super.searchKey, required this.name});
String name;
}

List<SearchValue> serchItems = [
SearchValue(searchKey: 'adam', name: 'Adam'),
SearchValue(searchKey: 'jack', name: 'Jack'),
SearchValue(searchKey: 'john', name: 'John'),
SearchValue(searchKey: 'doe', name: 'Doe'),
SearchValue(searchKey: 'max', name: 'Max william'),
];


copied to clipboard
Search Value class must extend from SearchItemModal and add required super.searchKey which is the key to search #