voo_adaptive_overlay 0.1.0
voo_adaptive_overlay: ^0.1.0 copied to clipboard
Adaptive overlay system for Flutter that automatically shows modals, bottom sheets, or side sheets based on screen size. Supports Material, Cupertino, Glass, and custom styles.
Changelog #
All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
0.1.0 - 2026-05-17 #
Added #
VooOverlayTile— a list tile that opens an adaptive overlay on tap. Accepts either anoverlayBuilderfor custom content oroverlayActionsfor a tappable action list. Replaces ad-hocListTile+showModalBottomSheetpairs across app code.VooAdaptiveOverlay.showAdaptiveActions— adaptive list-of-actions overlay that picks the right surface for the screen size (bottom sheet on mobile, modal on tablet, side sheet on desktop) and pops with the selected key.VooListActionentity for action-list rows (label, subtitle, icon, destructive/primary/disabled, autoPop).- Header support for
subtitle,leadingIcon(rendered inside an accent tile),accentColor, andbadgeonshow/showBottomSheet/showModal/showSideSheet/showFullscreen(and the matching context extensions). VooBottomSheetnow supportsdraggablemode that usesDraggableScrollableSheetwith the configured snap points, and accepts explicitsnapSizes.contentPaddingoverride on all overlay surfaces.
Changed #
VooBottomSheetnow actually appliesVooOverlayConstraints.maxHeightto the sheet, and animates padding for the on-screen keyboard.- Modal/side sheet content padding tightened (20 → 16/20) for a more compact Material 3 look.
0.0.1 - 2025-11-27 #
Added #
- Initial release of
voo_adaptive_overlay - Adaptive overlay system that automatically selects the appropriate overlay type based on screen size:
- Mobile (<600px): Bottom sheet
- Tablet (600-1024px): Modal dialog
- Desktop (>1024px): Side sheet or modal (configurable)
- Overlay types:
VooBottomSheet- Slides up from the bottomVooModalDialog- Centered dialogVooSideSheet- Slides in from the sideVooFullscreenOverlay- Covers the entire screenVooDrawer- Slides in from left/rightVooActionSheet- iOS-style action listVooSnackbar- Bottom notification with actionVooBanner- Top/bottom notification bannerVooPopup- Contextual popup menuVooTooltip- Informational tooltipVooAlert- Critical alert dialog
- Style presets:
material- Standard Material Design 3cupertino- iOS-style with blur and rounded cornersglass- Glassmorphism with frosted glass effectminimal- Clean, borderless designoutlined- Modern outlined styleelevated- Strong shadow elevationsoft- Soft pastel colorsdark- Dark mode optimizedgradient- Gradient backgroundneumorphic- Soft 3D shadowscustom- Full customization
- Configuration options:
VooOverlayConfigfor customizing behavior and appearanceVooOverlayBreakpointsfor customizing responsive breakpointsVooOverlayBehaviorfor animation and interaction settingsVooOverlayConstraintsfor size constraintsVooOverlayStyleDatafor custom styling
- Extension methods for convenient overlay showing via
context.showAdaptiveOverlay() - Pre-built action buttons with
VooOverlayActionfactory methods - Comprehensive example app demonstrating all features