Multi Select BottomSheet

Simple and easy to use flutter Widget to add a multiSelectBottomSheet to your Flutter Application.This Widget allows you to search and select from list of suggestions.

Usage example

List<MultiSelectBottomSheetModel> selectCountryItem = [
    MultiSelectBottomSheetModel(id: 0, name: "All", isSelected: true),
    MultiSelectBottomSheetModel(id: 1, name: "India", isSelected: false),
    MultiSelectBottomSheetModel(id: 2, name: "US", isSelected: false),
    MultiSelectBottomSheetModel(id: 3, name: "Canada", isSelected: false),
    MultiSelectBottomSheetModel(id: 4, name: "Africa", isSelected: false),
    MultiSelectBottomSheetModel(id: 5, name: "Germany", isSelected: false),
  ];
TextEditingController controller = TextEditingController();

MultiSelectBottomSheet(
              items:selectCountryItem ,// required for Item list.
              width: width*0.96,
              bottomSheetHeight: height*0.7,// required for min/max height of bottomSheet.
              hint: "select country",
              controller: controller,
              searchTextFieldWidth:width*0.96,
              searchIcon:const Icon(   // required for searchIcon.
                 Icons.search,
                 color:Colors.black87,
                 size: 22
             ),
             selectTextStyle: const TextStyle(
                 color: Colors.white,
                 fontSize: 17
             ),
             unSelectTextStyle:const TextStyle(
                 color: Colors.black,
                 fontSize: 17
             ),
          ),

Constructors

MultiSelectBottomSheet

Parameter	Type	Description
items	List	The source list of options.
searchIcon	Icon	The icon button that shows the search field.
bottomSheetHeight	double	Set the bottomSheet Height.
hint	String	Style the text of the display hint.
width	double	Set the display text field width.
searchTextFieldWidth	double	Give the search text field width.
searchHint	String	Set the placeholder text of the search field.
unSelectTextStyle	TextStyle	Specifies the style of text on unselected list tiles.
selectTextStyle	TextStyle	Specifies the style of text on selected list tiles.
searchHintTextStyle	TextStyle	Style the text of the search hint.
suggestionListBorderColor	Color	Set the border color of the chip items that are selected and unselected.
unSelectedBackgroundColor	Color	Set the color of the chip items that are unselected.
selectedBackgroundColor	Color	Set the color of the chip items that are selected.
borderColor	Color	Set the border color of the display items of text field.
textColor	Color	Set the text color of display items.
hintColor	Color	Set the hint text color of display items.
clearAll	String	Specifies the clearAll button text and remove selected items.
confirmText	String	Specifies the confirm button text.
cancelText	String	Specifies the cancel button text.

Libraries

multiselect_bottom_sheet

multiselect_bottom_sheet_model

utils/colors