A sleek floating bottom navigation bar βͺοΈπ‘ with a pill-shaped capsule, soft elevation, and crisp active states. Feels native on iOS & Android, fully themeable π¨, and ships with 23 parameters for icons, colors, radii, shadows, and behaviorsβperfect for production FlutterFlow apps.
Preview: https://webnum.com/preview-product/bottom-navigation-bar-v3/
Clone for FREE: https://webnum.com/product/floating-bottom-navigation-bar-v3/
Functionality π§
4β5 tabs β icon-only or icon + label variants.
Active / inactive styling π― with separate colors and opacity.
Rounded capsule container β configurable
cornerRadius,elevation,shadowColor.Initial index + persistent selection on reopen π.
onTap actions per tab β GoRouter / AutoRoute / custom flows π§.
Badge-ready (dot / count) for notifications π.
Safe-area toggle to float above system gestures π±.
Icon controls β per-tab asset, size, color; active icon overrides β .
Spacing controls β horizontal padding, item gaps, large hit areas βοΈ.
Haptics & ripple feedback (optional) β¨.
Hide on scroll / auto-reveal for immersive lists (optional) π.
Light / Dark themes with optional blur/overlay π.
Accessibility & i18n β big touch targets, semantic roles, RTL/localization π.
Performance-minded: lightweight rebuilds & stateless tap handling β‘οΈ.