Multiselect | Coderz Product

multiselect

Last updated:

0 purchases

multiselect Image
multiselect Images

Free

Languages

Categories

Add to Cart

Description:

multiselect

multiselect #
A simple Multiselect Dropdown #

Usage #
add it to pubspec.yaml
dependencies:
flutter:
sdk: flutter
multiselect: # use latest version

copied to clipboard
import it
// Imports all Widgets included in [multiselect] package
import 'package:multiselect/multiselect.dart';
copied to clipboard
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);

@override
_HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {

List<String> selected = [];

@override
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',
),
),
));
}
}

copied to clipboard
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

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product: (if this is empty don't purchase this product)

Customer Reviews

There are no reviews.