Pakete, Repositories und App-Kategorien suchen

Cover von bottom_drawer
Paketdetailsv0.0.5

bottom_drawer

Ein Bottom-Drawer-Widget, unterstützt benutzerdefinierte Kopfzeile und Körper, unterstützt Listenkörper und Drag-to-open- und -close-Funktionen.

AndroidiOSWebmacOSWindowsLinux
30-Tage-Downloads
663
Likes
36
Pub-Punkte
150

Paket installieren

flutter pub add bottom_drawer

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein anpassbares Bottom-Drawer-Widget für Flutter, das die drag-and-drop-Öffnung und -Schließung unterstützt, mit optionaler Anpassung von Kopfzeile und Inhalt. Es kann statischen Inhalt oder einen listenbasierten Inhalt anzeigen, was es ideal für Modals, Filter oder zusätzliche Informationsfelder macht. Der Drawer passt sich verschiedenen Plattformen wie Mobilgeräte, Web und Desktop an und sorgt für eine konsistente Benutzererfahrung über alle Geräte hinweg. Einfach und flexibel gestaltet, integriert er sich nahtlos in bestehende Flutter-Anwendungen.

Anwendungsfälle

  • Modale Überlagerungen
  • Filterpanels
  • Zusatzinhalt wird angezeigt
  • Interaktive Bottom Sheets
  • Formularingaben
  • Navigations-Drawer

Hauptmerkmale

  • Zieh-Geste zum Öffnen/Schließen
  • Anpassbarer Kopf und Inhalt
  • Listenkörper-Unterstützung
  • Plattformübergreifende Kompatibilität
  • Einfache Integration mit bestehenden Widgets
  • Konfigurierbare Animation und Verhalten

Geeignet für

  • Entwickler interaktiver Benutzeroberflächen
  • Apps mit einziehbaren Paneelen
  • Projekte, die plattformunabhängige Bottom Sheets erfordern
  • Designer, die flexible Schubladenlayouts wünschen
  • Teams, die reibungslose Benutzerinteraktionen priorisieren

Hinweise

  • Kann zusätzliche Gestaltung für komplexe Überschriften erfordern
  • Leistungsbeeinträchtigung bei großen Listen
  • Eingeschränkte eingebaute Animationen außer grundlegenden Übergängen
  • Nicht geeignet für Vollbild-Modals
  • Erfordert sorgfältige Behandlung von Touch-Ereignissen bei verschachtelten Scrollbereichen

Original-README

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

Bottom Drawer for Flutter Pub version

Bottom Drawer.

DEMO

1. Add dependency
dependencies:
  bottom_drawer: ^0.0.5
2. Import bottom drawer
import 'package:bottom_drawer/bottom_drawer.dart';
3. Use bottom drawer

Create a bottom drawer controller.

/// create a bottom drawer controller to control the drawer.
BottomDrawerController controller = BottomDrawerController();

Build a bottom drawer widget.

/// return a bottom drawer widget.
Widget buildBottomDrawer(BuildContext context) {
  return BottomDrawer(
    /// your customized drawer header.
    header: Container(),
    /// your customized drawer body.
    body: Container(),
    /// your customized drawer header height.
    headerHeight: 60.0,
    /// your customized drawer body height.
    drawerHeight: 180.0,
    /// drawer background color.
    color: Colors.lightBlue,
    /// drawer controller.
    controller: controller,
  );
}

Control the bottom drawer.

/// open the bottom drawer.
controller.open();

/// close the bottom drawer.
controller.close();

For more information, see the example.

Kategorien

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.