liquid_glass_floating_nav 0.1.0
liquid_glass_floating_nav: ^0.1.0 copied to clipboard
A premium floating Liquid Glass bottom navigation bar with smooth drag-to-preview, an organic liquid bubble indicator and light/dark support.
Changelog #
All notable changes to this project are documented in this file. This project adheres to Semantic Versioning.
0.1.0 #
Initial public release.
Added #
LiquidGlassBottomNav— a premium floating Liquid Glass bottom navigation bar with a realBackdropFilterblur clipped to the bar only.- Tap navigation —
onTapfires immediately on tap with a selection haptic. - Smooth drag preview — the liquid capsule follows the finger continuously; the page does not change during the drag.
- Commit on release — navigation commits exactly once, on release, for the nearest tab (dragging across tabs never opens intermediate screens).
- Organic liquid bubble/drop indicator — a tapered-superellipse "lens" shape (never a rectangle, pill, oval or circle) with gradient, reflection, rim-light border, glow and depth shadow.
- Balanced top/bottom overflow — the bubble bulges equally over both edges of the bar while dragging, painted into reserved headroom so it is never clipped and never reaches the safe area.
- Horizontal liquid stretch — the drop widens into a centre-anchored horizontal capsule and elongates toward a flick.
- Menu magnification (liquid lens) — items magnify based on distance from the bubble centre (the icon leads the label).
- Filled active icons — the selected tab, and the tab under the bubble during
a drag, show their filled
selectedIcon. - Light and dark mode — colours auto-resolve from the ambient theme.
LiquidGlassNavItem— destination model (icon, optionalselectedIcon, label, optionalsemanticLabel, optionalbadgeCount).LiquidGlassNavTheme— full visual/behaviour configuration with sensible defaults.SafeAreasupport, max-width centring, reduce-motion support and aRepaintBoundary-isolated, self-halting drag-physics ticker for good performance.- A runnable example app with five tabs and an
IndexedStack.