Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von flutter_split_view
Paketdetailsv0.1.2

flutter_split_view

Flutter-Widget, das den Bildschirm basierend auf verfügbarem Platz automatisch in zwei Ansichten teilt. Dies basiert auf Navigator 2.0.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
77
Likes
30
Pub-Punkte
150

Paket installieren

flutter pub add flutter_split_view

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Flutter Split View ist ein responsive Layout-Widget, das den Bildschirm basierend auf verfügbarem Platz automatisch in zwei anpassbare Ansichten unterteilt und Navigator 2.0 für Navigation und Zustandsverwaltung nutzt. Es eignet sich hervorragend für die Erstellung anpassungsfähiger Benutzeroberflächen, die nahtlos auf verschiedenen Geräten und Plattformen funktionieren. Das Widget passt seinen Layout dynamisch je nach Bildschirmgröße und Ausrichtung an und ist daher ideal für zweispaltige Oberflächen wie Master-Detail-Muster. Es unterstützt alle wichtigen Flutter-Plattformen, darunter Android, iOS, Web, macOS, Windows und Linux.

Anwendungsfälle

  • Master-Detail-Layouts
  • Dual-Pane-Navigation
  • Reaktionsfähiges Dashboard-Design
  • Plattformübergreifende Tablet-Oberflächen
  • Adaptive mobile und Desktop-Oberflächen

Hauptmerkmale

  • Automatisches Layout basierend auf Bildschirmraum
  • Navigator 2.0-Integration
  • Unterstützt alle Flutter-Plattformen
  • Dynamische Ansichtgrößenanpassung
  • Eingebautes reaktives Verhalten
  • Einfach in bestehende Routen integrierbar

Geeignet für

  • Entwickler, die reaktive Apps erstellen
  • Teams, die mehrere Plattformen ansprechen
  • Apps, die Split-Screen-Funktionalität erfordern
  • UI-Designer, die sich auf adaptive Layouts konzentrieren
  • Projekte, die moderne Navigationsmuster verwenden

Hinweise

  • Kenntnisse über Navigator 2.0 erforderlich
  • Möglicherweise sind benutzerdefinierte Stile für komplexe Layouts erforderlich
  • Am besten geeignet für größere Bildschirme oder Tablets
  • Eingeschränkte Anpassung für nicht-standardmäßige Aufteilungen
  • Nicht ideal für einfache Einzelansicht-Apps

Original-README

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

flutter_split_view

A Navigator 2.0 based Flutter widget that automatically splits the screen into two views based on available space.

Demo

Usage
MaterialApp(
    title: 'SplitView Demo',
    home: SplitView.material(
        child: MainPage(),
    ),
);

Cupertino:

CupertinoApp(
    title: 'SplitView Demo',
    home: SplitView.cupertino(
        child: MainPage(),
    ),
);
Navigating
Push
SplitView.of(context).push(SecondPage());

Push with an optional title, which will be used as the back button's title in Cupertino:

SplitView.of(context).push(
    SecondPage(),
    title: 'Second',
);
Pop
SplitView.of(context).pop();

Pop until the n-th page:

SplitView.of(context).popUntil(1);
Set the page displayed in the secondary view
SplitView.of(context).setSecondary(SecondPage());

This will clear the stack and push the new page, making it the second page in the stack.

Get whether the secondary view is visible
SplitView.of(context).isSecondaryVisible;
Example

Kategorien

Reaktive BenutzeroberflächeLayout und Überlagerung

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.