https://github.com/wu9007/multiple_select

https://github.com/wu9007/multiple_select

flutter-demo flutter-dev flutter-plugin flutter-widget

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/wu9007/multiple_select
• Owner: wu9007
• License: mit
• Created: 2019-07-04T01:26:09.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-02-17T21:34:10.000Z (almost 4 years ago)
• Last Synced: 2025-10-23T01:44:51.472Z (4 months ago)
• Topics: flutter-demo, flutter-dev, flutter-plugin, flutter-widget
• Language: Dart
• Size: 489 KB
• Stars: 9
• Watchers: 0
• Forks: 11
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# multiple_select

[![License][license-image]][license-url] 

[![Pub](https://img.shields.io/pub/v/multiple_select.svg?style=flat-square)](https://pub.dartlang.org/packages/multiple_select)

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

## Getting Started

```yaml

dependencies:

 multiple_select: ^0.1.24

```

## Usage example

### Matching query and Multiple select

![](https://github.com/wechat-program/album/blob/master/gif/flutter/form-component/mylti_search_select.gif?raw=true)

```dart

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,

          textColor: Colors.black,

          backgroundColor: Colors.blue,

          selectedTextColor: Colors.black,

          selectedBackgroundColor: Colors.grey,),

        )

```

### Drop down with no filter

![](https://github.com/wechat-program/album/blob/master/gif/flutter/form-component/multi_select.gif?raw=true)

```dart

/// Simulate 15 data

List 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.

[license-image]: https://img.shields.io/badge/License-MIT-blue.svg

[license-url]: LICENSE