hybrid_tab_bar 1.0.0
hybrid_tab_bar: ^1.0.0 copied to clipboard
A glassmorphism hybrid navigation system with animated segmented control and floating bottom navigation bar. Fully customizable, accessible, and production-ready.
Changelog #
All notable changes to the hybrid_tab_bar package will be documented in this file.
1.0.0 — 2026-04-15 #
Added #
HybridTabBarScaffold— Main scaffold widget combining segmented control and bottom navigation inside a unified glassmorphism container.HybridSegmentedControl— Standalone segmented control with animated sliding pill indicator and neumorphic shadows.HybridBottomBar— Floating bottom navigation bar with its own distinct inner card (card-within-card design) and sliding pill indicator.HybridTabController— Dual-indexChangeNotifiercontroller managingbottomIndexandsegmentedIndexwith optionalPageControllersync.HybridNavItem— Navigation item data class with optionalsegmentedTabs— allowing per-item segmented sub-tabs.HybridTabStyle— Comprehensive styling configuration with 25+ properties including:- Separate pill colors for segmented control and bottom nav
- Neumorphic dual-shadow system (light highlight + dark shadow)
- Configurable blur, border radius, animation curves/durations
copyWithsupportlightanddarkstatic presets
- Animation constants — Centralized durations and curves in
animations.dart. - Animated show/hide — Segmented control slides in with
AnimatedSize+AnimatedOpacitywhen the active bottom item has sub-tabs. - Glassmorphism effects —
BackdropFilterblur, semi-transparent tint, 1px inner stroke. - Accessibility — Full
Semanticslabels on all interactive elements. - Haptic feedback — Optional
HapticFeedback.lightImpact()on bottom nav taps. - Example app — Fully working demo with 3 bottom items (one with segmented sub-tabs, two without).
- Unit tests — 9 tests covering controller, nav item, and style classes.
- README — Complete documentation with usage, customization, and architecture.