Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von flip_box_bar_plus
Paketdetailsv1.0.0

flip_box_bar_plus

3D BottomNavigationBar, inspiriert durch Dribbble-Design von Dannniel

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
38
Likes
34
Pub-Punkte
140

Paket installieren

flutter pub add flip_box_bar_plus

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

FlipBoxBarPlus ist eine 3D-inspirierte Bottom-Navigation-Bar für Flutter, die sich von einem Dribbble-Konzept von Dannniel inspirieren lässt. Sie verfügt über dynamische, flippende Animations-Effekte, die die Benutzerinteraktion und visuelle Attraktivität verbessern. Das Komponente unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und ist daher äußerst vielseitig. Mit reibungslosen Übergängen und anpassbarem Styling eignet sie sich perfekt für moderne App-Interfaces, die einen spielerischen, aber professionellen Touch suchen. Das Paket ist einfach über pub.dev zu integrieren und Open Source, wodurch Community-Beiträge gefördert werden.

Anwendungsfälle

  • Moderne mobile App-Oberflächen
  • Interaktive Benutzeroberflächenelemente
  • Plattformübergreifende Anwendungen
  • designorientierte Dashboards
  • Animierte Navigationsleisten

Hauptmerkmale

  • 3D-Kippanimationen
  • Plattformübergreifende Kompatibilität
  • Anpassbare Erscheinung
  • Glatte Übergangseffekte
  • Open-Source und communitygetrieben

Geeignet für

  • Entwickler, die animierte Navigation suchen
  • designbewusste App-Ersteller
  • Flutter-Projekte mit interaktiven Benutzeroberflächen
  • Apps für mehrere Betriebssysteme
  • Kreative und visuell ansprechende Apps

Hinweise

  • Kann die Leistung auf Low-End-Geräten beeinträchtigen
  • Erfordert sorgfältige Abstimmung für optimale Animationsgeschwindigkeit
  • Eingeschränkte Anpassung über die Kernfunktionen hinaus
  • Am besten geeignet für Apps mit minimalen Navigationspunkten
  • Nicht empfehlenswert für anwendungen mit hohem Fokus auf Barrierefreiheit

Original-README

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

Flip_box_bar_plus

Forked from Flip_box_bar, added support for vertical position

Installation Guide

A 3D BottomNavigationBar inspired by Dribbble design by Dannniel.

Demo

Example Use

      // In Scaffold
      int selectedIndex = 0;
      
      FlipBoxBarPlus(
              selectedIndex: index,
              items: [
                FlipBarItem(icon: Icon(Icons.map), text: Text("Map"), frontColor: Colors.blue, backColor: Colors.blueAccent),
                FlipBarItem(icon: Icon(Icons.add), text: Text("Add"), frontColor: Colors.cyan, backColor: Colors.cyanAccent),
                FlipBarItem(icon: Icon(Icons.chrome_reader_mode), text: Text("Read"), frontColor: Colors.orange, backColor: Colors.orangeAccent),
                FlipBarItem(icon: Icon(Icons.print), text: Text("Print"), frontColor: Colors.purple, backColor: Colors.purpleAccent),
                FlipBarItem(icon: Icon(Icons.print), text: Text("Print"), frontColor: Colors.pink, backColor: Colors.pinkAccent),
              ],
              onIndexChanged: (newIndex) {
                setState() {
                    selectedIndex = newIndex;
                }
              },
            ),

For vertical position set isVerticalBar = true

Properties

List<FlipBarItem> items;

The items to be displayed in the NavBar.

Duration animationDuration;

The duration of the animation of the box flip.

ValueChanged<int> onIndexChanged;

Callback for getting value of item selection.

int initialIndex;

The initial selected index of the NavBar.

double navBarHeight;

The height of the NavBar when it is in bottom nav position.

bool isVerticalBar;

Set the navigation bar as vertical.

double navBarWidth;

The width of the NavBar when it is in vertical position.

Kategorien

Untere Navigationsleiste

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.