Pakete, Repositories und App-Kategorien suchen

Paketdetailsv0.0.2

flexi_bottom_nav

FlexiBottomNavigation ist ein anpassbarer Bottom-Navigation-Widget für Flutter. Er ermöglicht es Ihnen, einfach eine Bottom-Navigation-Bar mit konfigurierbaren Symbolen, Beschriftungen und Farben zu erstellen, wodurch Sie die Navigationserfahrung Ihren App-Anforderungen anpassen können.

AndroidiOSWebmacOSWindowsLinux
30-Tage-Downloads
31
Likes
2
Pub-Punkte
140

Paket installieren

flutter pub add flexi_bottom_nav

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

FlexiBottomNavigation ist ein hochgradig anpassbarer Bottom-Navigation-Bar-Widget für Flutter, der Entwicklern ermöglicht, dynamische und visuell angepasste Navigationserfahrungen zu erstellen. Er unterstützt konfigurierbare Symbole, Beschriftungen, Farben und Layoutoptionen, wodurch er leicht an verschiedene App-Designs angepasst werden kann. Das Paket ist auf allen wichtigen Plattformen kompatibel, einschließlich Android, iOS, Web, macOS, Windows und Linux, was eine konsistente Funktionalität überall gewährleistet. Mit einer einfachen API vereinfacht es die Implementierung der Bottom-Navigation, ohne Flexibilität einzubüßen.

Anwendungsfälle

  • Benutzerdefinierte App-Navigationsleisten
  • Multiplattform-Flutter-Anwendungen
  • Branded UI-Komponenten
  • Dynamische Icon- und Beschriftungsstilisierung
  • Reagierende Bottom-Navigation

Hauptmerkmale

  • Konfigurierbare Symbole und Beschriftungen
  • Anpassbare Farben und Themen
  • Plattformübergreifende Kompatibilität
  • Einfache Integration mit Flutter
  • Unterstützung für dynamischen Inhalt

Geeignet für

  • Flutter-Entwickler, die flexible Navigation suchen
  • Apps, die markenbasierte oder einzigartige Bottom-Navigation benötigen
  • Projekte für mehrere Plattformen
  • designorientierte UI-Implementierungen
  • Schnellprototypisierung von Navigationsoberflächen

Hinweise

  • Erfordert manuelle Behandlung der Zustandsverwaltung
  • Eingeschränkte eingebaute Animationen
  • Möglicherweise sind zusätzliche Stile für komplexe Layouts erforderlich
  • Abhängig von externen Abhängigkeiten für erweiterte Funktionen
  • Nicht ideal für sehr komplexe Navigationsmuster

Original-README

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

FlexiBottomNavigation

FlexiBottomNavigation is a customizable bottom navigation widget for Flutter. It allows you to easily create a bottom navigation bar with configurable icons, labels, and colors, giving you the flexibility to tailor the navigation experience to your app's needs.

Features

  • Customizable Labels: Set the labels for each tab in the bottom navigation bar.
  • Adjustable Icons: Specify icons for each tab, with customizable icon sizes and colors.
  • Color Customization: Customize the selected and unselected item colors.
  • Text and Icon Sizes: Adjust the font size for labels and the size for icons.
  • Error Handling: Ensure consistent behavior with validation for input lengths.

Getting Started

To use FlexiBottomNavigation in your Flutter project, follow these steps:

  1. Add the Dependency:

    Add flexi_bottom_nav to your pubspec.yaml file:

      flexi_bottom_nav: 0.0.1
    
    dependencies:
      flutter:
        sdk: flutter
      flexi_bottom_nav: 0.0.1
    
    pub add flexi_bottom_nav
    
  2. Install the Package:

    Run flutter pub get to install the package.

Usage

Here’s a simple example of how to use FlexiBottomNavigation in your Flutter application:

import 'package:flutter/material.dart';
import 'package:flexi_bottom_nav/flexi_bottom_nav.dart'; 

void main() {
  runApp(MaterialApp(
    home: FlexiBottomNavigation(
      screens: [
        Scaffold(body: Center(child: Text('Screen 1'))),
        Scaffold(body: Center(child: Text('Screen 2'))),
        Scaffold(body: Center(child: Text('Screen 3'))),
      ],
      labels: ['Home', 'Search', 'Profile'],
      icons: [Icons.home, Icons.search, Icons.person],
      iconColors: [Colors.blue, Colors.green, Colors.red],
      textSize: 14.0,
      iconSize: 30.0,
      selectedItemColor: Colors.red,
      unselectedItemColor: Colors.blueGrey,
    ),
  ));
}

For more advanced usage and customization, check the example folder included in the package.

Additional Information

  • Documentation: For detailed documentation, refer to the package documentation.
  • Contributing: Contributions are welcome! Please check the CONTRIBUTING.md for guidelines on how to contribute.
  • Issues: If you encounter any issues, please file them on the issue tracker.
  • License: This package is licensed under the MIT License. See the LICENSE file for more details.

Kategorien

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.