cwesterhold / multiple_select

multiple_select

A versatile and beautiful multi-drop-down component for App developers.🚀

Getting Started

dependencies:
 multiple_select: ^0.1.24

Usage example

Matching query and Multiple select

List<Item<num, String, String>> items = List.generate(
  150,
      (index) =>
      Item.build(
        value: index,
        display: '$index display',
        content: '$index content' * (index + 1),
      ),
);

List<num> _initValue = [1, 2, 6];

MultiFilterSelect(
          allItems: items,
          initValue: _initValue,
          selectCallback: (List selectedValue) => print(selectedValue.length,
          textColor: Colors.black,
          backgroundColor: Colors.blue,
          selectedTextColor: Colors.black,
          selectedBackgroundColor: Colors.grey,),
        )

Drop down with no filter

/// Simulate 15 data
List<MultipleSelectItem> elements = List.generate(
  15,
  (index) => MultipleSelectItem.build(
    value: index,
    display: '$index display',
    content: '$index content',
  ),
);

List _selectedValues = [];

MultipleDropDown(
          hintText: '请选择',
          disabled: false,
          values: _selectedValues,
          elements: elements,
        )

Contribute

We would ❤️ to see your contribution!

License

Distributed under the MIT license. See LICENSE for more information.

About

Created by Shusheng.