Multi Select Flutter

FLutter Custom Selector is a package for creating single-select as well ass multi-select widgets with an awesome and unique user interface.

_{Single Selection}	_{Multi Selection}

Features

Supports FormField features like validator.
Awesome default design.
BottomSheet widget.
Make your multi selection awesome.
All selection field is enabled in multi selection field.

Usage

CustomSingleSelectField

This widget provide an GestureDetector which open the bottom sheet and are equipped with FormField features. You can customize it using the provided parameters.

To store the selected values, you can use the onSelectionDone parameter.

CustomSingleSelectField<String>(
  items: dataString,
  title: "Country",
  onSelectionDone: (value){
    selectedString = value;
    setState(() {});
  },
  itemAsString: (item)=>item,
),

CustomMultiSelectField

This widget provide an GestureDetector which open the bottom sheet and are equipped with FormField features. You can customize it using the provided parameters.

To store the selected values, you can use the onSelectionDone parameter.

CustomMultiSelectField<String>(
  title: "Country",
  items: dataString, 
  enableAllOptionSelect: true,
  onSelectionDone: _onCountriesSelectionComplete,
  itemAsString: (item) => item.toString(),
),

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.