Modern Bottom Navigation Bar
A customizable and modern bottom navigation bar for Flutter applications.
Features
- Sleek design with animated selection effects.
- Supports custom icons, labels, and colors for each navigation item.
- Smooth transition animations when switching between items.
Getting Started
To use the modern_bottom_nav_bar
package in your Flutter project, follow these steps:
-
Add the dependency to your
pubspec.yaml
file:dependencies: modern_bottom_nav_bar: ^0.0.1
-
Install the package by running:
flutter pub get
Usage
Here's a basic example of how to use the ModernBottomNavBar
in your Flutter app:
import 'package:flutter/material.dart';
import 'package:modern_bottom_nav_bar/modern_bottom_nav_bar.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
bottomNavigationBar: ModernBottomNavBar(
items: [
BottomNavItem(
icon: Icons.home,
label: 'Home',
color: Colors.blue,
),
BottomNavItem(
icon: Icons.search,
label: 'Search',
color: Colors.green,
),
BottomNavItem(
icon: Icons.notifications,
label: 'Notifications',
color: Colors.red,
),
],
onItemSelected: (index) {
print('Selected index: $index');
},
),
),
);
}
}