FLUTTER ECOSYSTEM

HabiburRehman38/flutter_custom_select

아름다운 UI를 갖춘 Flutter 커스텀 선택기 Dart 패키지입니다.

flutter_custom_select 프로젝트 이미지
Stars
3
Forks
8
최근 푸시(UTC)
2023. 3. 21.
프로젝트 상태
활성
Habib Ur Rehman GitHub avatar
GITHUB User

Habib Ur Rehman ↗

I am a Senior Flutter Developer with 4+ years of experience in building high-performance, scalable, and user-friendly cross-platform mobile applications. My exp

언어DartHTMLSwiftKotlinObjective-C

사용 중인 의존성

의존성 목록 3 개
  • flutter{"sdk":"flutter"}
  • flutter_test개발 의존성{"sdk":"flutter"}
  • flutter_lints개발 의존성^1.0.0

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

README 펼치기 / 접기

Multi Select Flutter

Pub Version

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

This 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.gif

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