sidebarx

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

SidebarX ist ein mehrplattformfähiges Flutter-Paket, das eine anpassbare Navigationsleiste oder Seitennavigation bereitstellt und als Drawer-Widget auf Android, iOS, Web, macOS, Windows und Linux funktioniert. Es ermöglicht intuitive Navigation mit fließenden Übergängen und responsivem Design, ideal für Apps, die dauerhafte Navigationsmenüs erfordern. Das Widget unterstützt sowohl kompakte als auch erweiterte Zustände und ist daher für verschiedene Bildschirmgrößen und Benutzerpräferenzen geeignet. Dank der plattformübergreifenden Fähigkeiten von Flutter vereinfacht SidebarX die Implementierung konsistenter Navigationserfahrungen über Geräte hinweg.

Anwendungsfälle

Einseitige Anwendungen mit persistenter Navigation
Mehrfachbildschirm-Dashboards mit Seitenleistenmenüs
Plattformübergreifende Anwendungen, die eine einheitliche Navigation benötigen
Reaktive Layouts, die sich an verschiedene Bildschirmgrößen anpassen
Desktop- und Web-Apps, die eine Schubladen-artige Navigation erfordern

Hauptmerkmale

Multiplattform-Unterstützung (Android, iOS, Web, macOS, Windows, Linux)
Anpassbare Erscheinung und Verhalten der Seitenleiste
Unterstützt sowohl kompakte als auch erweiterte Zustände
Glatte Animationen für Zustandsübergänge
Reaktives Design für verschiedene Bildschirmgrößen

Geeignet für

Entwickler, die plattformübergreifende Anwendungen erstellen
Designer, die konsistente Navigationsmuster suchen
Teams, die Code-Wiederverwendung über Plattformen hinweg priorisieren
Apps mit komplexen Navigationsstrukturen
Projekte, die moderne, schlanke Seitenleisten-Interfaces erfordern

Hinweise

Kann zusätzliche Styling für hochgradig maßgeschneiderte Designs erfordern
Leistungsbeeinträchtigung bei sehr großen Navigationslisten
Eingeschränkte integrierte Theming-Optionen im Vergleich zu vollständigen UI-Frameworks
Für den fortgeschrittenen Einsatz ist ein Verständnis des Layout-Systems von Flutter erforderlich
Nicht für extrem hohe Frequenzänderungen von Zuständen optimiert

Original-README

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

SidebarX 🔥

Flutter multiplatform navigation sidebar / side navigationbar / drawer widget

Show some ❤️ and star the repo to support the project!

Mobile	Desktop	Web

Getting started

Follow these steps to use this package

Add dependency

dependencies:
  sidebarx: ^0.17.2

Add import package

import 'package:sidebarx/sidebarx.dart';

Easy to use

The package is designed with maximum adaptation to large screens.
Therefore, adding a widget to your screen will be very simple.

    Scaffold(
      body: Row(
        children: [
          SidebarX(
            controller: SidebarXController(selectedIndex: 0),
            items: const [
              SidebarXItem(icon: Icons.home, label: 'Home'),
              SidebarXItem(icon: Icons.search, label: 'Search'),
            ],
          ),
          // Your app screen body
        ],
      ),
    )

Use with small mobile screens

On small screens and mobile devices, you can use the ready-made Sidebar widget as your application's drawer for excellent UX.
Otherwise, leave the code unchanged and get the same experience

    Scaffold(
      drawer: SidebarX(
        controller: SidebarXController(selectedIndex: 0, extended: true),
        items: const [
          SidebarXItem(icon: Icons.home, label: 'Home'),
          SidebarXItem(icon: Icons.search, label: 'Search'),
        ],
      ),
      body: const Center(child: Text('Your app body')),
    )

Additional information

The project is under development and ready for your pull-requests and issues 👍
Thank you for support ❤️

Thanks to all contributors of this package

For help getting started with 😍 Flutter, view [online documentation](https://flutter.dev/docs), which offers tutorials, samples, guidance on mobile development, and a full API reference.

Pakete, Repositories und App-Kategorien suchen

Paket installieren