HabiburRehman38/flutter_custom_select
아름다운 UI를 갖춘 Flutter 커스텀 선택기 Dart 패키지입니다.
- Stars
- 3
- Forks
- 8
- 최근 푸시(UTC)
- 2023. 3. 21.
- 프로젝트 상태
- 활성
사용 중인 의존성
의존성 목록 3 개
- flutter
{"sdk":"flutter"} - flutter_test개발 의존성
{"sdk":"flutter"} - flutter_lints개발 의존성
^1.0.0
원본 README
아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.
README 펼치기 / 접기
Multi Select Flutter
FLutter Custom Selector is a package for creating single-select as well ass multi-select widgets with an awesome and unique user interface.
| https://djku7spo6dfd0.cloudfront.net/public/messageImages/image_1658199970YpK03nPdty6.gif Single Selection |
https://djku7spo6dfd0.cloudfront.net/public/messageImages/image_1658200005uuJ8hq27IvK.gif Multi Selection |
|---|
Features
- Supports FormField features like validator.
- Awesome default design.
- BottomSheet widget.
- Make your multi selection awesome.
- All selection field is enabled in multi selection field.
Usage
CustomSingleSelectField
https://djku7spo6dfd0.cloudfront.net/public/messageImages/image_1658199970YpK03nPdty6.gifThis widget provide an GestureDetector which open the bottom sheet and are equipped with FormField features. You can customize it using the provided parameters.
To store the selected values, you can use the onSelectionDone parameter.
CustomSingleSelectField<String>(
items: dataString,
title: "Country",
onSelectionDone: (value){
selectedString = value;
setState(() {});
},
itemAsString: (item)=>item,
),
CustomMultiSelectField
https://djku7spo6dfd0.cloudfront.net/public/messageImages/image_1658200005uuJ8hq27IvK.gifThis widget provide an GestureDetector which open the bottom sheet and are equipped with FormField features. You can customize it using the provided parameters.
To store the selected values, you can use the onSelectionDone parameter.
CustomMultiSelectField<String>(
title: "Country",
items: dataString,
enableAllOptionSelect: true,
onSelectionDone: _onCountriesSelectionComplete,
itemAsString: (item) => item.toString(),
),
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.