A simple Multiselect Dropdown

alt Demo


add it to pubspec.yaml

    sdk: flutter
  multiselect: # use latest version    

import it

// Imports all Widgets included in [multiselect] package
import 'package:multiselect/multiselect.dart';

Add the DropDownMultiSelect widget to your build method

// Import multiselct
import 'package:multiselect/multiselect.dart';

class Home extends StatefulWidget {
  const Home({Key? key}) : super(key: key);

  _HomeState createState() => _HomeState();

class _HomeState extends State<Home> {

  List<String> selected = [];

  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
      child: Padding(
        padding: const EdgeInsets.all(20.0),
        // DropDownMultiSelect comes from multiselect
        child: DropDownMultiSelect(
          onChanged: (List<String> x) {
            setState(() {
              selected =x;
          options: ['a' , 'b' , 'c' , 'd'],
          selectedValues: selected,
          whenEmpty: 'Select Something',

And that is it. You will have a working multiselect DropDown with no effort at all.


PS: multiselect is planned to be a collection of multi-select widgets. I will add other functionality based on the needs of the community