https://github.com/stevenosse/multi_select_form_field
A flutter dropdown button Widget allowing one to choose multiple elements.
https://github.com/stevenosse/multi_select_form_field
dart dart-lang flutter flutter-package flutter-ui flutter-widget flutter-widgets
Last synced: 10 months ago
JSON representation
A flutter dropdown button Widget allowing one to choose multiple elements.
- Host: GitHub
- URL: https://github.com/stevenosse/multi_select_form_field
- Owner: stevenosse
- License: other
- Created: 2020-07-25T10:06:44.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-02T17:12:55.000Z (almost 6 years ago)
- Last Synced: 2025-04-09T16:05:32.184Z (about 1 year ago)
- Topics: dart, dart-lang, flutter, flutter-package, flutter-ui, flutter-widget, flutter-widgets
- Language: Dart
- Homepage:
- Size: 412 KB
- Stars: 12
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Multi Select Form Field
A dropdown button Widget allowing one to choose multiple elements.
## Install
Add these line under your dependencies section:
```yaml
multiselect_form_field:
git:
url: https://github.com/stevenosse/multi_select_form_field.git
ref: master
```
## Demo
### Features
- Regular widget
- Very simple to implement
- Can retrieve the list of selected elements
- Build custom list elements
- Can retrieve the list of unselected elements
### Example
```dart
MultiSelectFormField(
key: _multiSelectKey,
tagColor: Colors.blue,
elementList: List.generate(
15,
(index) => MultiSelectFormFieldItem(
labelStyle: TextStyle(fontWeight: FontWeight.w600),
leading: CircleAvatar(),
label: "Test $index",
value: "test",
isSelected: index.isEven,
),
),
),
```
## Retrieve more parameters
Give a Key to the widget, declared like :
```dart
final GlobalKey _multiSelectKey = GlobalKey();`
```
And then :
```dart
var selectedElements = _multiSelectKey.currentState.selectedElements; // Retrieve all the selected elements
var unselectedElements = _multiSelectKey.currentState.unselectedElements; // Retrieve all the unselected elements
```
## Contribute
Every contributions are welcomed