side_sheet

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das die Implementierung von Seitenleisten auf allen Plattformen einschließlich Android, iOS, Web, macOS, Windows und Linux ermöglicht. Es unterstützt responsive UI-Design, um konsistentes Verhalten und Aussehen unabhängig von Gerät oder Bildschirmgröße sicherzustellen. Das Paket bietet eine flexible und anpassbare Lösung zur Darstellung zusätzlicher Inhalte in Form eines Schiebepanels, ideal für Navigation, Filter oder detaillierte Ansichten. Mit Fokus auf plattformübergreifende Kompatibilität vereinfacht es die Erstellung moderner, barrierefreier Schnittstellen.

Anwendungsfälle

Reaktive Navigationsleisten
Filter- und Einstellungsüberlagerungen
Detaillierte Informationsanzeige
Modusartige Inhaltskontainer
Plattformübergreifende Konsistenz der Benutzeroberfläche

Hauptmerkmale

Plattformübergreifende Unterstützung
Responsive Layout-Anpassung
anpassbare Slide-Animationen
Eingebaute Zugänglichkeit
Einfache Integration mit bestehenden Widgets

Geeignet für

Entwickler, die mehrere Plattformen ansprechen
Apps mit dynamischen Seitenpaneelen
UI-intensive Anwendungen
Teams, die Code-Wiederverwendung priorisieren
Projekte, die responsive Bottom Sheets benötigen

Hinweise

Kann zusätzliche Stilisierung für komplexe Layouts erfordern
Begrenzte Anpassungsmöglichkeiten für Randfälle
Abhängig von Flutter's Gestenverarbeitung
Nicht für sehr große Datensätze optimiert
Am besten geeignet für moderate Inhaltsmengen

Original-README

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

A flutter package for implementing of side sheets

A sample. font: https://material.io/components/sheets-side#usage

Simple Usage:

ElevatedButton(
    onPressed: () =>
        SideSheet.right(
            body: Text("Body"),
                context: context
        ),
    child: Text('OPEN RIGHT SIDE SHEET')),


ElevatedButton(
    onPressed: () =>
        SideSheet.left(
            body: Text("Body"),
                context: context
        ),
    child: Text('OPEN LEFT SIDE SHEET')),

Custom Width Side Sheet:

ElevatedButton(
    onPressed: () =>
        SideSheet.right(
            context: context
            width: MediaQuery.of(context).size.width * 0.3,
            body: Text("Body"),
        ),
    child: Text('OPEN RIGHT SIDE SHEET WITH CUSTOM WIDTH')),


ElevatedButton(
    onPressed: () =>
        SideSheet.left(
            context: context
            width: MediaQuery.of(context).size.width * 0.3,
            body: Text("Body"),
        ),
    child: Text('OPEN LEFT SIDE SHEET WITH CUSTOM WIDTH')),

With return arguments

ElevatedButton(
    onPressed: () async {
      final data = await SideSheet.left(
            body: IconButton(icon: Icon(Icons.close),
                      onPressed: () => Navigator.pop(context, 'Data Returns Left')),
            context: context);

      print(data);
    },
    child: Text('OPEN LEFT SIDE SHEET WITH RETURN DATA')
),

ElevatedButton(
    onPressed: () async {
      final data = await SideSheet.right(
            body: IconButton(
                      icon: Icon(Icons.close),
                      onPressed: () => Navigator.pop(context, 'Data Returns Right')),
            context: context);

      print(data);
    },
    child: Text('OPEN RIGHT SIDE SHEET WITH RETURN DATA')
),

Close sheet in body

Navigator.pop(context);

With arguments

Navigator.pop(context, 'data return');

Pakete, Repositories und App-Kategorien suchen

side_sheet

Paket installieren

Paketübersicht

Anwendungsfälle

Hauptmerkmale

Geeignet für

Hinweise

Original-README

side_sheet

Kategorien

Quell-Repository

Seitenblatt

Projekte, die dieses Paket verwenden