Kategorien, Pakete und Repositories suchen

ducafecatFlutter-Ökosystem
Cover von awesome_dropdown
Paketdetailsv0.0.4

awesome_dropdown

Eine einfache Dropdown-Bibliothek mit benutzerdefiniertem Stil und Steuerung aller Touch-Ereignisse.

pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
661
Likes
116
Pub-Punkte
70

Paket installieren

flutter pub add awesome_dropdown

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Awesome Dropdown ist ein Flutter-Paket, das einen anpassbaren Dropdown-Widget mit vollständiger Kontrolle über Berührungsevents und Styling bietet. Es ermöglicht Entwicklern, mühelos schlanke, interaktive Dropdowns zu erstellen, die benutzerdefinierte Themen, Animationen und reaktives Verhalten unterstützen. Die Bibliothek wurde für Einfachheit und Flexibilität konzipiert und ist ideal für Formulare, Filter und Auswahlinterfaces. Ohne Plattformbeschränkungen funktioniert sie nahtlos auf mobilen Geräten, Web und Desktop. Ihr leichtgewichtiges Design sorgt für schnelle Leistung ohne Funktionalitätsverlust.

Anwendungsfälle

  • Formularingaben
  • Filterauswahl
  • Anpassbare Benutzeroberflächenkomponenten
  • Benutzerpräferenz-Auswahl
  • Dynamische Datenauswahl
  • Mobile und Web-Oberflächen

Hauptmerkmale

  • Vollständig anpassbare Stilisierung
  • Berührungseingabe steuern
  • Leichtgewichtig und leistungsstark
  • Plattformübergreifende Kompatibilität
  • Einfache Integration
  • Unterstützt Animationen

Geeignet für

  • Entwickler, die einfache Dropdowns suchen
  • UI-Designer, die benutzerdefinierte Steuerelemente wünschen
  • Projekte, die Touch-Ereignisbehandlung erfordern
  • Apps mit formularitätsintensiven Workflows
  • Teams, die schnelle Umsetzung priorisieren

Hinweise

  • Keine integrierte Validierung
  • Beschränkt auf grundlegende Dropdown-Funktionalität
  • Erfordert manuelle Zustandsverwaltung
  • Kein Internationalisierungs-Unterstützung
  • Hängt von externem Styling-Wissen ab
  • Keine erweiterten Filteroptionen

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Awesome DropDown

A customizable drop-down library that handles all the touch and clicks events, including iOS and mobile back-pressed callbacks.

Installation

Add following dependency in pubspec.yaml file. And add this import to your file.

awesome_dropdown:^0.0.4

import 'package:awesome_dropdown/awesome_dropdown.dart';

Quick Start

Add AwesomeDropdown to the widget tree

AwesomeDropDown(
                  isPanDown: _isPanDown,
                  dropDownList: _list,
                  dropDownIcon: Icon(Icons.arrow_drop_down, color: Colors.grey, size: 23,),
                  selectedItem: _selectedItem,
                  onDropDownItemClick: (selectedItem) {
                    _selectedItem = selectedItem;
                  },
                  dropStateChanged: (isOpened) {
                    _isDropDownOpened = isOpened;
                    if (!isOpened) {
                      _isBackPressedOrTouchedOutSide = false;                    }
                  },
                ),                ​

Custom Body


AwesomeDropDown(
                   ​isPanDown: _isPanDown,
                   ​isBackPressedOrTouchedOutSide:
                   ​_isBackPressedOrTouchedOutSide,
                   ​dropDownBGColor: Colors.white,
                    dropDownOverlayBGColor: Colors.transparent,
                   ​padding: 8,
                   ​dropDownIcon: Icon(Icons.arrow_drop_down, color: Colors.grey, size: 23,),
                   ​elevation: 5,
                   ​dropDownBorderRadius: 10,
                   ​dropDownTopBorderRadius: 50,
                   ​dropDownBottomBorderRadius: 50,
                   ​dropDownIconBGColor: Colors.transparent,
                   ​dropDownList: _list,
                   ​selectedItem: _selectedItem,
                   ​numOfListItemToShow: 4,
                   ​selectedItemTextStyle: TextStyle(
                       ​color: Colors.black,
                       ​fontSize: 16,
                       ​fontWeight: FontWeight.normal),
                   ​dropDownListTextStyle: TextStyle(
                       ​color: Colors.grey,
                       ​fontSize: 15,
                       ​backgroundColor: Colors.transparent),
                   ​onDropDownItemClick: (selectedItem) {
                     ​_selectedItem = selectedItem;
                   ​},
                   ​dropStateChanged: (isOpened) {
                     ​_isDropDownOpened = isOpened;
                     ​if (!isOpened) {
                       ​_isBackPressedOrTouchedOutSide = false;
                     ​}
                   ​},
                 ​),

Screenshot

Developer Team

Faiza Farooqui & my team members (Hina Hussain, Kamran Khan, Abdul Sattar)

License

MIT

Kategorien

Auswahlliste

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.