Flutter 下拉多选

multiple_select

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

Getting Started

dependencies:
 multiple_select: ^0.1.20

Usage example

Matching query and Multiple select

mylti_search_select.gif

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

List _initValue = [1, 2, 6];

MultiFilterSelect(
          allItems: items,
          initValue: _initValue,
          selectCallback: (List selectedValue) => print(selectedValue.length),
        )

Drop down with no filter

multi_select.gif

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

List _selectedValues = [];

MultipleDropDown(
          placeholder: '请选择',
          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.