hydro_glass_nav_bar library
A beautiful, Apple-style hydro glass floating navigation bar with advanced physics-based animations for Flutter.
This package provides a premium navigation bar experience with:
- Hydro glass morphism - Stunning visual effect with refraction and blur
- Physics-based animations - iOS-style rubber band resistance and jelly transforms
- Draggable indicator - Swipe between items with smooth animations
- Expandable FAB - Optional floating action button with action menu
- Dark/Light mode - Automatic theme adaptation
- Accessibility - Full semantic label support
Getting Started
import 'package:hydro_glass_nav_bar/hydro_glass_nav_bar.dart';
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage>
with SingleTickerProviderStateMixin {
late TabController _tabController;
@override
void initState() {
super.initState();
_tabController = TabController(length: 3, vsync: this);
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Stack(
children: [
TabBarView(
controller: _tabController,
children: [...],
),
HydroGlassNavBar(
controller: _tabController,
items: [
HydroGlassNavItem(label: 'Home', icon: Icons.home),
HydroGlassNavItem(label: 'Search', icon: Icons.search),
HydroGlassNavItem(label: 'Profile', icon: Icons.person),
],
),
],
),
);
}
}
Classes
- Apple-style hydro glass floating navigation bar with advanced animations.
- An action in the HydroGlassNavBarFABConfig menu.
- Configuration for the floating action button in HydroGlassNavBar.
- Physics and animation utilities for the hydro glass navigation bar.
- Configuration for an item in HydroGlassNavBar.