vertical_tabs

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das vertikale Tab-Navigation mit anpassbaren Optionen bietet, sodass Benutzer mithilfe vertikal ausgerichteter Tabs zwischen Inhaltselementen wechseln können. Es unterstützt reibungslose Übergänge, benutzerdefinierte Gestaltung und eine einfache Integration in bestehende Flutter-Anwendungen. Das Paket ist für Entwickler gedacht, die eine Alternative zu horizontalen Tabs suchen, besonders nützlich in Layouts, bei denen vertikaler Platz verfügbar oder bevorzugt ist. Es enthält Einstellungen für Ausrichtung, Anzeigeanpassung und Animationssteuerung. Ideal für Dashboards, Einstellungsbildschirme oder jede Benutzeroberfläche, die ein kompaktes, strukturiertes Tab-System erfordert.

Anwendungsfälle

Dashboard-Oberflächen
Einstellungsbildschirme
Inhaltsnavigation
Mobile App Layouts
Seitennavigation

Hauptmerkmale

Vertikaler Tabulator-Layout
anpassbare Indikatoren
Glatte Animationen
Ausrichtungsoptionen
Einfache Integration

Geeignet für

Entwickler, die eine vertikale Registerkarten-Oberfläche benötigen
Apps mit begrenztem horizontalen Platz
Designer, die saubere Tab-Layouts möchten
Flutter-Anfänger erkunden Tab-Komponenten
Projekte, die eine Seitennavigation erfordern

Hinweise

Eingeschränktes plattformspezifisches Verhalten
Keine integrierten Zugänglichkeitsfunktionen
Benötigt manuelle Behandlung des Tab-Zustands
Nicht für sehr große Anzahlen von Tabs optimiert
Abhängig von externen Abhängigkeiten für erweiterte Funktionen

Original-README

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

Vertical Tabs

A vertical tabs package for flutter framework.

Getting Started

A simple example of usage. to get more examples see Examples directory.
To see all settings please visit API reference of this package

...

VerticalTabs(
  tabsWidth: 150,
  tabs: <Tab>[
    Tab(child: Text('Flutter'), icon: Icon(Icons.phone)),
    Tab(child: Text('Dart')),
    Tab(child: Text('NodeJS')),
    Tab(child: Text('PHP')),
    Tab(child: Text('HTML 5')),
  ],
  contents: <Widget>[
    Container(child: Text('Flutter'), padding: EdgeInsets.all(20)),
    Container(child: Text('Dart'), padding: EdgeInsets.all(20)),
    Container(child: Text('NodeJS'), padding: EdgeInsets.all(20)),
    Container(child: Text('PHP'), padding: EdgeInsets.all(20)),
    Container(child: Text('HTML 5'), padding: EdgeInsets.all(20))
  ],
),

Scroll direction of content

RTL

Pakete, Repositories und App-Kategorien suchen

Paket installieren