Webnum
Β·Everything You Need to Build FlutterFlow Apps Faster

Bottom Navigation Bar V3

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 ⚑️.

5