Advanced Dropdown #

A Flutter package that provides advanced dropdown widgets with support for single, searchable, multi-select, and overlay dropdowns.

Features #

• ✅ Single Selection - Classic dropdown experience.
• 🔍 Searchable - Search through long lists easily.
• ☑️ Multi-Select - Select multiple items at once.
• 🏗️ Overlay Support - Dropdown that floats over other widgets.
• 🎨 Fully Customizable - Change colors, borders, icons and styles.

Usage Example #

import 'package:advanced_dropdown_flutter/advanced_dropdown_flutter.dart';

Installation #

Add this to your pubspec.yaml:

dependencies:
  advanced_dropdown: ^latest_version


## Getting Started

Run the example app to see the dropdown widgets in action:

```bash
flutter run

## Usage

AdvancedDropdown(
  items: ['Apple', 'Banana', 'Mango'],
  hint: 'Choose fruit',
  fieldColor: Colors.white,
  fieldBorderColor: Colors.grey.shade700,
  dropdownColor: Colors.white,
  borderColor: Colors.white,
  suffixIcon: Icon(Icons.arrow_circle_down_outlined),
  borderRadius: BorderRadius.circular(20),
  textStyle: const TextStyle(fontSize: 16),
  onChanged: (value) {
    print(value);
  },
  itemBuilder: (context, item, selected) {
    return Container(
      padding: const EdgeInsets.all(14),
      margin: EdgeInsets.symmetric(horizontal: 6, vertical: 6),
      decoration: BoxDecoration(
        color: selected ? Colors.blue.shade50 : Colors.transparent,
        borderRadius: BorderRadius.circular(12),
      ),
      child: Text(
        item,
        style: TextStyle(
          color: selected ? Colors.blue : Colors.black,
          fontWeight: selected ? FontWeight.bold : FontWeight.normal,
        ),
      ),
    );
  },
),

SearchableDropdown(
  items: ['Red', 'Green', 'Blue', 'Yellow'],
  itemLabel: (e) => e,
  onChanged: (value) {
    print(value);
  },
),

MultiSelectDropdown(
  items: ['Red', 'Green', 'Blue', 'Yellow'],
  label: (e) => e,
  onChanged: (values) {
    print(values);
  },
),

OverlayDropdown(
  items: ['India', 'USA', 'UK'],
  label: (e) => e,
  onSelected: (v) {
    print(v);
  },
),


## Additional information

- Documentation & examples: https://github.com/flutterrakesh/advanced_dropdown.git
- Bug reports & feature requests: https://github.com/flutterrakesh/advanced_dropdown.git/issues
- Contributions are welcome via pull requests.
- Please expect responses within a reasonable time.