smart_nav_bar 1.0.4+7

A customizable bottom navigation bar for Flutter with smooth animations and flexible styling options.

Smart Nav Bar 🚀

A beautifully animated and highly customizable bottom navigation bar for Flutter applications.

✨ Features

• 🎯 Smooth animations with scaling effects
• 🎨 5+ predefined styles + full customization
• 📦 Direct PageView integration
• 🛎 Badge support with counters
• 🖼 SVG icon support
• 📱 Fully responsive layout

🚀 Installation

dependencies:
  smart_nav_bar: ^1.0.4+7

Then run:
flutter pub get

🎨 Style Gallery

Image	Style
	SmartNavStyle()
	SmartNavStyle.neonStyle
	SmartNavStyle.colorfulStyle
	SmartNavStyle.gradientStyle
	SmartNavStyle.minimalStyle

🛠 Basic Usage

import 'package:smart_nav_bar/smart_nav_bar.dart';

SmartBottomNav(
  currentIndex: _currentIndex,
  items: [
    SmartNavItem(iconPath: 'assets/home.svg', label: 'Home' //label is optional),
    SmartNavItem(iconPath: 'assets/search.svg', label: 'Search'),
    SmartNavItem(iconPath: 'assets/profile.svg', label: 'Profile'),
  ],
  onTap: (index) {
    setState(() => _currentIndex = index);
  },
)

🛠 Customize Styles with copyWith

 SmartNavStyle.neonStyle.copyWith(
  backgroundColor: Colors.deepPurple,
  borderColor: Colors.purpleAccent,
  defaultActiveColor: Colors.amber,
  showLabel: false,
  backgroundGradient: const LinearGradient(
      colors: [Colors.deepPurpleAccent, Colors.pinkAccent],
      begin: Alignment.topLeft,
      end: Alignment.bottomRight,
      stops: [0.3, 1.0], // Adjusting stops for a smoother gradient transition
    ),
  /////////
);

Add Badges

SmartNavItem(
  iconPath: 'assets/notifications.svg',
  label: 'Alerts',
  badge: BadgeNavItem(count: 3)
)

🤝 Contributing

Contributions are welcome! Please open an issue or PR on GitHub.

Halawany w yala bena

📜 License

MIT - See LICENSE for details.