sweet_nav_bar

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

SweetNavBar ist ein Flutter-Paket, das Entwicklern ermöglicht, visuell ansprechende, farbverlaufgefüllte und schwebende Bottom-Navigation-Bars mit minimalem Code zu erstellen. Es vereinfacht die Implementierung moderner Navigationsinterfaces auf mehreren Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Mit anpassbaren Farben, Animationen und reibungslosen Übergängen verbessert es die Benutzererfahrung, während saubere und präzise Dart-Syntax beibehalten wird. Ideal für Apps, die stilvolle und responsive Navigationskomponenten erfordern.

Anwendungsfälle

Erstellen moderner App-Oberflächen
Gradienteffekte zu Navigationsleisten hinzufügen
Fließende Unternavigation implementieren
Verbesserung von UI/UX mit minimalem Aufwand
Cross-Platform-Anwendungen mit konsistenter Navigation erstellen
Navigationsoberfläche einfach anpassen

Hauptmerkmale

Gradientenunterstützung
Schwebendes Design
Minimale Einrichtung
Plattformübergreifende Kompatibilität
Glatte Animationen
Anpassbare Farben und Formen

Geeignet für

Mobile- und Web-App-Entwickler
designorientierte Anwendungen
Apps, die moderne UI-Elemente benötigen
Entwickler, die schnelle Navigationslösungen suchen
Projekte, die auf visuelle Attraktivität abzielen

Hinweise

Kann zusätzliche Stilisierung für komplexe Layouts erfordern
Beschränkt auf Nutzungsszenarien für die untere Navigation
Leistungsbeeinträchtigung bei starken Verläufen auf Low-End-Geräten
Nicht geeignet für nicht-untere Navigationsmuster

Original-README

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

This package is to build gradiant and floating Navigation Bar with a few lines of code.

Features

easy to use
gradiant icon easily
some beautiful animation

Getting started

To use this package, add sweet_nav_bar as a dependency in your pubspec.yaml file.

Usage

Here is How to use it, You can find Package API

bottomNavigationBar: SweetNavBar(
        paddingGradientColor: iconLinearGradiant,
        currentIndex: cIndex,
        paddingBackgroundColor: Colors.red,
        items: [
          SweetNavBarItem(
              sweetActive: const Icon(Icons.home),
              sweetIcon: const Icon(
                Icons.home_outlined,
              ),
              sweetLabel: 'Home',
              iconColors: iconLinearGradiant,
              sweetBackground: Colors.red),
          SweetNavBarItem(
              sweetIcon: const Icon(Icons.business), sweetLabel: 'Business'),
          SweetNavBarItem(
              sweetIcon: const Icon(Icons.school), sweetLabel: 'School'),
        ],
        onTap: (index) {
          setState(() {
            cIndex = index;
          });
        },
      ),

Pakete, Repositories und App-Kategorien suchen

Paket installieren