Last updated:
0 purchases
search key value dropdown
search_key_value_dropdown #
A Flutter package for creating searchable dropdowns with key-value pairs.
Introduction #
The search_key_value_dropdown package provides a widget that allows users to select items from a dropdown menu with search functionality. It is particularly useful when dealing with key-value pairs, where users need to select a value associated with a specific key.
Features #
Create searchable dropdown menus with key-value pairs.
Customize dropdown appearance and behavior.
Easy integration into Flutter apps.
Getting Started #
To use this package, add search_key_value_dropdown as a dependency in your pubspec.yaml file. For more information on how to add dependencies, visit the official documentation.
Usage #
import 'package:flutter/material.dart';
import 'package:search_key_value_dropdown/search_key_value_dropdown.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Searchable Dropdown Demo'),
),
body: Center(
child: SearchableDropDown().constantSearchDropdownButtonFormField2(
items: [
DropdownMenuItem(
value: 'key1',
child: Text('Item 1'),
),
DropdownMenuItem(
value: 'key2',
child: Text('Item 2'),
),
DropdownMenuItem(
value: 'key3',
child: Text('Item 3'),
),
],
selectedValue: 'key1',
onChanged: (value) {
print(value);
},
searchController: TextEditingController(),
hintText: 'Select an item',
labelText: 'Items',
),
),
),
);
}
}
copied to clipboard
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.