FLUTTER ECOSYSTEM

HabiburRehman38/flutter_custom_select

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.