bottom_nav_animation_clean 2.0.1 copy "bottom_nav_animation_clean: ^2.0.1" to clipboard
bottom_nav_animation_clean: ^2.0.1 copied to clipboard

A new Flutter package for animated bottom navigation.

BottomNavAnimationClean #

Un plugin Flutter pour une barre de navigation inférieure flottante avec animations, utilisant Clean Architecture et GetX. Ce plugin permet de personnaliser la couleur de fond, les icônes, leurs couleurs, et de gérer l'index actuel de manière réactive.

Installation #

Pour utiliser ce plugin, ajoutez-le à votre pubspec.yaml dans la section dependencies:

dependencies:
  flutter:
    sdk: flutter
  bottom_nav_animation_clean: ^2.0.1

Exemple d'utilisation #

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:bottom_nav_animation_clean/bottom_nav_animation_clean.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('BottomNavAnimationClean Example'),
        ),
        body: BottomNavAnimation(
          // Liste des éléments de la barre de navigation
          items: const [
            BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Home'),
            BottomNavigationBarItem(icon: Icon(Icons.list), label: 'List'),
            BottomNavigationBarItem(icon: Icon(Icons.search), label: 'Search'),
            BottomNavigationBarItem(icon: Icon(Icons.add), label: 'Add'),
            BottomNavigationBarItem(icon: Icon(Icons.settings), label: 'Settings'),
          ],
          // Liste des pages à afficher
          pages: const [
            Center(child: Text('Home')),
            Center(child: Text('List')),
            Center(child: Text('Search')),
            Center(child: Text('Add')),
            Center(child: Text('Settings')),
          ],
          // Options de personnalisation
          backgroundColor: Colors.black,
          selectedItemColor: Colors.orange,
          unselectedItemColor: Colors.white70,
        ),
      ),
    );
  }
}

Capture d'écran #

Exemple BottomNavAnimationClean

0
likes
140
points
30
downloads

Publisher

unverified uploader

Weekly Downloads

A new Flutter package for animated bottom navigation.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

cupertino_icons, flutter, get

More

Packages that depend on bottom_nav_animation_clean