Bottom Navy Bar
A customizable and animated bottom navigation bar widget for Flutter apps.
What is Bottom Navy Bar?
BottomNavyBar is a Flutter package that provides a customizable and animated bottom navigation bar widget. It solves the need for visually appealing navigation in mobile apps by offering smooth transitions between tabs and extensive styling options. The widget integrates easily with Flutter's navigation patterns and works well with PageView for page-based navigation.
Flutter developers building mobile applications who want to implement a polished bottom navigation bar with custom animations and styling.
Developers choose BottomNavyBar for its combination of beautiful default animations, extensive customization capabilities, and seamless integration with Flutter's navigation system. It's a Flutter Favorite package that balances aesthetics with practical functionality.
Overview
A beautiful and animated bottom navigation
Use Cases
Best For
- Adding animated bottom navigation to Flutter mobile apps
- Creating custom-styled navigation bars that match brand design systems
- Implementing synchronized navigation between PageView pages
- Building apps requiring accessible navigation with tooltip support
- Developing Flutter apps that need theme-aware UI components
- Projects needing a navigation bar with smooth transition animations
Not Ideal For
- Apps requiring more than five bottom navigation items, as it supports only 1-5 items
- Projects strictly adhering to Material Design without custom animations, where Flutter's built-in BottomNavigationBar is sufficient
- Applications needing dynamic navigation items that change at runtime without manual state reconfiguration
- Teams prioritizing zero external dependencies and using only Flutter's core widgets for minimal overhead
Pros & Cons
Pros
Provides fluid icon and title transitions when switching items, enhancing UX as shown in the GIFs, with customizable animation curves.
Offers extensive parameters like iconSize, backgroundColor, and containerHeight, allowing precise matching to app designs.
Automatically uses the app's theme but can be fully overridden, ensuring consistency or flexibility as needed.
Designed to work seamlessly with Flutter's PageController, enabling synchronized page navigation as demonstrated in code examples.
Cons
Supports only 1 to 5 navigation items, which is restrictive for apps with more complex or expanding navigation needs.
Requires additional setup with PageController and state handling, adding boilerplate code compared to simpler solutions.
As an external package, it introduces dependency management issues and potential breaking updates, despite being a Flutter Favorite.
Frequently Asked Questions
Related Projects
Fancy Bottom NavigationFlutter plugin - FancyBottomNavigation
Google Nav BarA modern google style nav bar for flutter.
Circular Bottom NavigationCircular bottom navigation is a bottom navigation library for flutter with circular indicator and cool animations.
Titled Navigation BarA beautiful and simple bottom navigation bar with smooth animation when switching selected item.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.