custom_dropdown_experts 0.0.4
custom_dropdown_experts: ^0.0.4 copied to clipboard
This plugin helps you to add custom dropdown with search functionality
Custom Searchable Dropdown #
Easily add a powerful and customizable searchable dropdown widget to your Flutter app!
This plugin lets you seamlessly integrate a dropdown menu with built-in search functionality, enhancing user experience by making it easier to find and select items from a list.
β¨ Key Features #
-
π Intuitive Search
Effortlessly find specific items through real-time search as you type. -
π¨ Highly Customizable
Customize label styles, dropdown items, and even suffix icons to match your appβs design. -
π Flexible Data Types
Works with different item types β perfect for dynamic or static lists. -
β‘ Simple Integration
Quick setup with minimal boilerplate.
π Getting Started #
1. Install the Package #
Add this line to your pubspec.yaml:
dependencies:
custom_dropdown_experts: ^0.0.3
2. Import the Package #
import 'package:custom_dropdown_experts/custom_dropdown_experts.dart';
π¦ Usage Example #
Hereβs a basic example of how to use CustomSearchableDropDown:
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6.0),
border: Border.all(color: Colors.black),
),
child: CustomSearchableDropDown(
items: widget.values ?? [],
label: title,
labelStyle: TextStyle(
fontSize: 16.0,
fontFamily: 'ProximaRegular',
color: Colors.black,
),
dropdownItemStyle: TextStyle(
fontSize: 16.0,
fontFamily: 'ProximaRegular',
color: Colors.black,
),
suffixIcon: SvgPicture.asset(
'assets/user_image/ic_up_down_arrow.svg',
width: 10,
height: 10,
),
dropDownMenuItems: widget.values?.map((item) => item).toList() ?? [],
onChanged: (value) {
if (value != null) {
widget.onChange(value);
title = value;
}
},
),
);
π§© Parameters Explained #
| Parameter | Type | Description |
|---|---|---|
items |
List |
Items to display in the dropdown |
dropDownMenuItems |
List |
Mapped list of dropdown items |
label |
String |
Label text shown above the dropdown |
labelStyle |
TextStyle |
Custom style for the label text |
dropdownItemStyle |
TextStyle |
Custom style for each dropdown item |
suffixIcon |
Widget |
Icon to indicate dropdown behavior |
onChanged |
Function |
Callback triggered when an item is selected |
π Additional Information #
Weβre actively working to improve the package. Stay tuned for more updates and advanced features!
- Documentation: Coming soon
- Sample Project: GitHub Sample Repo
π€ Contributing #
We welcome contributions!
Feel free to open issues, suggest features, or submit pull requests on GitHub.
π Support #
If you run into any issues or have feature requests, open an issue on the GitHub issue tracker.
Made with β€οΈ by [Your Name or Team Name]