Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von simple_sidebar
Paketdetailsv0.0.8

simple_sidebar

Eine sehr einfache Seitenleiste mit Symbolen, Texten, Kopfzeile und Glättung. Einfach zu implementieren und einfach zu verwenden

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

Paket installieren

flutter pub add simple_sidebar

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein leichtgewichtiger und einfach zu verwendender Seitenleisten-Component für Flutter-Anwendungen mit Icons, Textbeschriftungen, Überschriften und fließenden Animationen. Für eine schnelle Integration in Apps konzipiert, die Navigation mit minimalem Aufwand erfordern. Ideal für Dashboards, Admin-Panels oder jede Benutzeroberfläche, die eine saubere, responsive Seitenleiste benötigt. Das Paket unterstützt alle wichtigen Plattformen, einschließlich Mobilgeräte, Web und Desktop, um konsistentes Verhalten über Geräte hinweg sicherzustellen.

Anwendungsfälle

  • Dashboard-Navigation
  • Administrationspanel-Schnittstellen
  • Mobile und Desktop-App-Navigation
  • Reaktive UI-Layouts
  • Schnelle Sidebar-Implementierung

Hauptmerkmale

  • Glatte Animationen
  • Icon- und Textunterstützung
  • Kopfzeilenabschnitt
  • Minimale Konfiguration
  • Plattformübergreifende Kompatibilität

Geeignet für

  • Anfänger-Flutter-Entwickler
  • Einfache Navigationsanforderungen
  • Schnellprototypen
  • Sauberer UI-Entwurf
  • Multiplattform-Apps

Hinweise

  • Begrenzte Anpassungsmöglichkeiten
  • Kein integrierter Dunkelmodus
  • Nicht geeignet für komplexe Navigationsstrukturen
  • Benötigt manuelle Styling für anspruchsvolle Designs
  • Hängt von externem Repository für Aktualisierungen ab

Original-README

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

Simple and quick to set up sidebar. Soft animations

Image from the Package

Features

Getting started

Just add the package to pubspec.yaml and start using it.

Usage

Create Theme & Controller and List of the Item you want to have in the Sidebar

final SimpleSidebarTheme theme = SimpleSidebarTheme()
    ..expandedShape = const BorderRadius.all(Radius.circular(8))
    ..collapsedShape = const BorderRadius.all(Radius.circular(8));
  final List<SimpleSidebarItem> sidebarItems = [
    SimpleSidebarItem(onTap: () {}, title: "Home", leading: Icons.home_outlined),
    SimpleSidebarItem(onTap: () {}, title: "Gallery", leading: Icons.image_outlined),
    SimpleSidebarItem(onTap: () {}, title: "Users", leading: Icons.group_outlined),
    SimpleSidebarItem(onTap: () {}, title: "Extra long name for a menu item", leading: Icons.list),
  ];
  final List<SimpleSidebarItem> footerItems = [
    SimpleSidebarItem(onTap: () {}, title: "Settings", leading: Icons.settings),
    SimpleSidebarItem(onTap: () {}, title: "Logout", leading: Icons.close),
  ];

After this create the Scaffold with the lists

Scaffold(
  backgroundColor: kcBackground,
  body: Row(
    children: [
      SimpleSidebar(
        theme: widget.theme,
        initialExpanded: true,
        initialIndex: 1,
        childrens: widget.sidebarItems,
        footerItems: widget.footerItems,
        onTap: (value) {
          setState(() {
            selected = value;
          });
          log("selected value $value");
        },
      ),
      Expanded(
        child: AnimatedOpacity(
          opacity: isVisible ? 1 : 0,
          duration: const Duration(milliseconds: 300),
          child: Container(
              margin: const EdgeInsets.all(8),
              child: const <Widget>[
                Text("hallo"),
                Text("hallo2"),
                Text("hallo3"),
                Text("hallo4"),
                Text("hallo5"),
                Text("hallo6"),
              ][selected]),
        ),
      ),
    ],
  ),
);

Additional information

Should there be any questions, wishes mail me: [Contact](mailto:support@glocknerstudios.at)

create an issue on GitHub for bugs. And now have fun with the sidebar

Kategorien

Zeichentisch und Navigationsbahn

Abhängigkeiten

Abhängigkeiten 1 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.