iterable_dropdown 2.0.3+1

iterable_dropdown: ^2.0.3+1 copied to clipboard

A dropdown that works with all iterables instead of just lists. It has multiselect features for selecting multiple items as well.

Screenshots #

Features #

Use this package in your Flutter app to:

• select multiple items in dropdowns
• use iterables in a dropdown
• Have a more beautiful dropdown

Platform Support #

Getting started #

Add the package to your Flutter app

flutter pub add iterable_dropdown

Import the package where you want to use it

import 'package:iterable_dropdown/iterable_dropdown.dart';

Usage #

Directly use the component

@override
Widget build(BuildContext context) {
  return IterableDropdown<String>.builder(
    controller: _dropdownController,
    items: items,
    itemBuilder: (_, _, item, selected, toggleSelection) {
      return ListTile(
        key: ValueKey(item.key),
        title: Text(item.label),
        onTap: toggleSelection,
        trailing: selected
            ? Icon(Icons.check_circle_outline_rounded)
            : Icon(Icons.circle_outlined),
        selected: selected,
        selectedColor: Colors.black,
        selectedTileColor: Colors.deepPurple.shade100,
      );
    },
    selectionMode: SelectionMode.multi,
  );
}

Upcoming Features #

Custom first and last options

These custom options won't be selectable and won't be filtered by search but can be used as clickable options or custom options in UI They will be optional so it will not affect the current UI if you don't use it They will have the same height as the rest of dropdown items

Grouping options

options can be grouped by a certain field or a combination of fields. The same label can appear twice if they are in separate groups. This will present hierarchy to the options.

Additional information #

You can contribute to this package via the Github Repo. Check out the Contribution Page for reference.