The CustomMultiValuedDropDown is a highly customizable Flutter widget that allows users to select multiple values from a dropdown menu. This widget is designed to be flexible and user-friendly, providing various customization options to fit seamlessly into any Flutter application

Features

Multi-Selection: Allows users to select multiple items from a dropdown menu. Customizable Appearance: Offers customization options for decoration and text styles to match your app's design. Event Callbacks: Provides on-tap and on-change callbacks for handling user interactions. State Management: Maintains its state internally and updates the UI dynamically as selections change.

Getting started

To use this widget in your Flutter project, add the following dependency to your pubspec.yaml file: dependencies: multivalued_drop_down: ^0.0.1

flutter pub add multivalued_drop_down

import 'package:dropdown_button2/multivalued_drop_down.dart';

Example

CustomMultiValuedDropDown( selectedList: selectedItems, dropDownList: dropdownItems, hintText: "Choose your options", onChanged: (value) { setState(() { print("Changed: $value"); }); }, dropDownBoxDecoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(8.0), boxShadow: BoxShadow( color: Colors.grey.withOpacity(0.5), spreadRadius: 2, blurRadius: 5, ), , ), textStyle: TextStyle( color: Colors.black, fontSize: 16, ), );

Properties

selectedList: A list of selected items. dropDownList: A list of items to be displayed in the dropdown. hintText: A hint text to be displayed when no items are selected. onTap: A callback function triggered when the dropdown is tapped. onChanged: A callback function triggered when an item is selected or deselected. dropDownBoxDecoration: Decoration for the dropdown container. textStyle: Text style for the dropdown items.