Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Paketdetailsv0.0.1

navigation_action_bar

Eine schöne moderne Navigationsleiste zusammen mit einer Floating Action Bar.

pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
11
Likes
36
Pub-Punkte
40

Paket installieren

flutter pub add navigation_action_bar

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Eine moderne, visuell ansprechende Navigationsleiste mit einer Floating Action Bar, die entwickelt wurde, um die Benutzernavigation in Flutter-Anwendungen zu verbessern. Sie bietet eine saubere, anpassbare Oberfläche, die den aktuellen Designtrends entspricht. Das Paket unterstützt reibungslose Übergänge und intuitive Interaktionsmuster, was es ideal für Anwendungen mit klaren Navigationspfaden und hervorgehobenen Aktionstriggern macht. Aufbauend auf Flutter's Widget-System lässt es sich nahtlos in bestehende Projekte integrieren.

Anwendungsfälle

  • Mobile App-Navigation
  • Unterseite Navigation mit FAB
  • Modernes UI-Design
  • App-Dashboard-Layout
  • Benutzer-Onboarding-Flows

Hauptmerkmale

  • Anpassbare Navigationselemente
  • Integration des Floating Action Button
  • Glatte Animationen
  • Reaktives Design
  • Einfache Themenanpassung

Geeignet für

  • Flutter-Anfänger
  • benutzeroberflächenorientierte Entwickler
  • Material Design-Fans
  • Apps mit tabbasiertem Navigationsmenü
  • Projekte, die polierte untere Balken benötigen

Hinweise

  • Eingeschränktes plattformspezifisches Verhalten
  • Kein integrierter Zustandsmanagement
  • Erfordert manuelle Behandlung von Routenänderungen
  • Nicht für komplexe verschachtelte Navigation optimiert
  • Minimale Dokumentation verfügbar

Original-README

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

Navigation Action Bar

A flutter package for a beautiful modern Navigation Bar along with a Floating Action Bar


Table of contents

Installing

1. Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  navigation_action_bar: ^0.0.1
2. Install it

You can install packages from the command line:

with pub:

$ pub get

with Flutter:

$ flutter packages get
3. Import it

Now in your Dart code, you can use:

import 'package:navigation_action_bar/navigation_action_bar.dart';

Usage

    Scaffold(
      bottomNavigationBar: NavigationActionBar(
        context: context,
        scaffoldColor: Colors.blueAccent,
        index: 0,
        subItems: [
          NavBarItem(iconData: Icons.attach_file, size: 25),
          NavBarItem(iconData: Icons.photo, size: 25),
          NavBarItem(iconData: Icons.camera_alt, size: 25),
        ],
        mainIndex: 2,
        items: [
          NavBarItem(iconData: Icons.list, size: 30),
          NavBarItem(iconData: Icons.compare_arrows, size: 30),
          NavBarItem(iconData: Icons.add, size: 40),
          NavBarItem(iconData: Icons.call_merge, size: 30),
          NavBarItem(iconData: Icons.person, size: 30),
        ],
        onTap: (index) {
          setState(() {
            currentIndex = index;
          });
        },
      )

Attributes

Dart attribute Datatype Description Default Value
index int Specifies the index of the tab which needs to be open initially 0
mainIndex int Specifies the index where the Rotating Button should be placed @required
items List<NavBarItem> The list of widgets which are to be displayed in the Navigation Bar @required
subItems List<NavBarItem> The list of widgets which are to be displayed in Action Bar @required
scaffoldColor Color The color of the scaffold Colors.blueAccent
backgroundColor Color The background color of Navigation Bar Colors.white
animationCurve AnimationCurve Specifies the type of animation curve used by action buttons Curves.bounceOut
animationDuration Duration Specifies how long the animation will last 300 Milliseconds

License

Navigation_Action_Bar is licensed under MIT license. View license.

Kategorien

Untere Navigationsleiste

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.