FLUTTER ECOSYSTEM

HabiburRehman38/flutter_custom_select

Flutter custom selector dart package with awesome UI.

flutter_custom_select project cover
Stars
3
Forks
8
Last push (UTC)
Mar 21, 2023
Project status
Active
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

LanguagesDartHTMLSwiftKotlinObjective-C

Dependencies used

Dependency list 3 items
  • flutter{"sdk":"flutter"}
  • flutter_testDevelopment{"sdk":"flutter"}
  • flutter_lintsDevelopment^1.0.0

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project 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.