pinterest_nav_bar

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das eine Pinterest-artige untere Navigationsleiste implementiert und eine einzigartige, visuell ansprechende Oberfläche mit einem zentralen Flottierenden Aktionsschaltfläche und gleichmäßig verteilten Symbolen bietet. Für moderne App-Aesthetik entwickelt, verbessert es die Benutzerinteraktion durch die Kombination von Einfachheit mit kreativem Layout. Das Paket unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und gewährleistet plattformübergreifende Konsistenz. Ideal für Apps, die über Standard-Navigationsschienen hinausgehende, herausragende Navigationserfahrungen bieten möchten.

Anwendungsfälle

kreative App-Oberflächen
Soziale Medien-Apps
Foto- oder Inhaltsteilungsplattformen
Mobile-first Design-Anwendungen
Plattformübergreifende Mobile Apps

Hauptmerkmale

Pinterest-inspiriertes Design
Zentrales Flottierendes Aktionsschaltfläche
Gleichmäßig angeordnete Symbolanordnung
Plattformübergreifende Kompatibilität
Anpassbare Farb- und Größenoptionen

Geeignet für

designorientierte Flutter-Entwickler
Apps, die eine eindeutige Navigation benötigen
Entwickler, die mehrere Plattformen ansprechen
Projekte, die auf visuelle Attraktivität abzielen
Moderne UI/UX-Experimente

Hinweise

Kann zusätzliche Gestaltung für Markenalignment erfordern
Beschränkt auf den Einsatz in der unteren Navigation
Nicht geeignet für komplexe Navigationsstrukturen
Potenzielle Lernkurve für Anpassung
Abhängig von externen Abhängigkeiten für volle Funktionalität

Original-README

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

Pinterest app's Like bottom navigation bar.

Light theme	Dark theme

Getting Started

Wrap you [MaterialApp] widget with [PinterestNavBarController] widget

    return PinterestNavBarController(
      child: MaterialApp(
        title: 'Pinterest Nav Bar Example',
        home: Pages(),
      ),
    );

Adding the widget

Note: it is recommended that you use this widget as the Floadting Action Button

      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      floatingActionButton: PinterestNavBar(
        currentIndex: selectedPageIndex,
        onTap: (i) {
          print('PinterestNavBar.onTap($i)');
          setState(() {
            selectedPageIndex = i;
          });
        },
        items: [
          Icons.home,
          Icons.search,
          Icons.chat_bubble_outline_rounded,
          Icons.person
        ],
      ),

check out the example app code for complete understanding

Pakete, Repositories und App-Kategorien suchen