custom_multi_search 1.0.2 copy "custom_multi_search: ^1.0.2" to clipboard
custom_multi_search: ^1.0.2 copied to clipboard

A customizable multi-select dropdown widget with search functionality for Flutter applications using MobX state management.

Custom Multi Search #

Pub Version Pub Points likes License

A customizable multi-select dropdown widget with search functionality for Flutter applications.
Built with MobX for reactive state management, smooth animations, and form validation support.


πŸ“– Table of Contents #


✨ Features #

  • πŸ” Searchable multi-select dropdown – quickly find and select items.
  • 🎨 Customizable display – render items as text, icons, or custom widgets.
  • ⚑ MobX-powered state management – ensures reactive and scalable behavior.
  • πŸͺ„ Smooth animations – professional and responsive UI interactions.
  • πŸ“± Material Design styling – seamless Flutter integration.
  • βœ… Form validation support – integrate directly into forms.

πŸ“Έ Preview #

Example 1 #

[Multi search demo] [Multi search demo] [Multi search demo] [Multi search demo]


πŸš€ Installation #

Add this to your package’s pubspec.yaml file:

dependencies:
  custom_multi_search: ^1.0.2

Then run:

flutter pub get

πŸ›  Usage #

import 'package:custom_multi_search/custom_multi_search.dart';

class ExamplePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: CustomMultiSearch<String>(
          items: ['Apple', 'Banana', 'Mango', 'Orange'],
          hintText: 'Select fruits',
          onChanged: (selectedItems) {
            print(selectedItems); // List of selected values
          },
          validator: (values) {
            if (values == null || values.isEmpty) {
              return 'Please select at least one item';
            }
            return null;
          },
        ),
      ),
    );
  }
}

βš™οΈ Parameters #

Property Type Description
items List<T> The list of items to display in the dropdown.
onChanged Function(List<T>) Callback when items are selected/deselected.
hintText String Placeholder text shown when no selection is made.
validator FormFieldValidator<List<T>>? For form validation.
chipBuilder Widget Function(T) Customize the display of selected items.
itemBuilder Widget Function(T) Customize how items are displayed in the dropdown.

🀝 Contributing #

Contributions are welcome! πŸŽ‰

  • Fork the repo
  • Create a feature branch
  • Submit a Pull Request

Feel free to open an issue for bugs or feature requests.


πŸ“œ License #

This project is licensed under the MIT License.


πŸ™Œ Acknowledgments #

  • Flutter for the awesome framework.
  • MobX for state management inspiration.
13
likes
0
points
55
downloads

Publisher

unverified uploader

Weekly Downloads

A customizable multi-select dropdown widget with search functionality for Flutter applications using MobX state management.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter, flutter_mobx, mobx

More

Packages that depend on custom_multi_search