A minimal icon-only bottom bar with a soft circular bubble behind the active tab. Clean, spacious, and distraction-free—perfect for apps that favor icons over labels (e.g., Home, Wallet, Analytics, Profile).
Functionality
-
Bubble highlight for the selected tab with adjustable size, color, and opacity.
-
Icon-only layout (optional labels toggle).
-
Active/Inactive states with separate colors and alpha.
-
Smooth animations on tab change (fade/scale/slide).
-
Badges (dot/count) per tab for notifications.
-
Routing ready: bind taps to
go_router
,auto_route
, or custom flows. -
Safe-area aware; supports gesture insets and device notches.
-
Theming: icon set, sizes, spacing, bubble radius, shadows, and backgrounds.
-
Hide-on-scroll / auto-reveal behavior (optional).
-
Haptics & ripple feedback for delightful interaction.
-
State persistence to restore the last selected tab.
-
Accessibility: large hit targets, semantic tab roles, high-contrast mode.
-
Localization & RTL support for global apps.
Keywords: bottom navigation, bottom nav bar, bubble highlight, circular highlight, active tab, icon only, minimalist nav, badges, notification dot, animated tabs, fade scale, routing, go_router, auto_route, safe area, notch support, gesture insets, elevation, shadow, theming, icon size, spacing, dark mode, light mode, accessibility, RTL, localization, hide on scroll, iOS, Android, Material 3, Cupertino, Flutter widget, FlutterFlow component, app shell, persistent navigation, modern UI.