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.