layout_flow 0.2.0
layout_flow: ^0.2.0 copied to clipboard
A constraint-driven adaptive layout system for Flutter. Write UI once, let it flow across phones, tablets, and web with smart scaling and responsive tokens.
Changelog #
0.2.0 #
Adaptive & Responsive Features #
- FlowGrid: New responsive grid system with automatic column count calculation.
- FlowScaffold: New adaptive shell for switching between Bottom Navigation and Side Rails.
- FlowNavigationBar: Adaptive navigation component that switches between BottomBar and NavigationRail.
- FlowSidebar: Advanced, collapsible desktop-first navigation with nested item support.
- FlowVisibility: New declarative widget to show/hide components based on active breakpoints.
- FlowRow Refactor: Switched to
LayoutBuilderby default. Now adapts based on local parent constraints. - New named constructors: Added
FlowRow.orientation()andFlowRow.breakpoint().
Developer Tooling & Ergonomics #
- CLI Migration Tool: New
dart run layout_flow migratecommand to automatically refactor legacyMediaQuerycode. - DevTools Extension: Browser-integrated inspector for live breakpoint and scale factor monitoring.
- FlowDebugOverlay: New interactive, draggable, and collapsible widget to visualize screen metrics in real-time.
- FlowContext Extensions: Added
context.flow,context.isCompact,context.isExpanded, etc. - Padding Support:
FlowConfignow captures and provides safe area padding viacontext.flow.padding.
Customization & Styling #
- FlowTheme: Added support for Flutter's
ThemeExtensionto customize the base spacing grid globally. - FlowHover: Utility for desktop/web optimized hover effects and custom cursors.
- FlowContainer: Added
scaleContentparameter for visual child scaling. - FlowAdaptiveMode: Support for switching between global screen and local constraint-based scaling.
0.1.0 #
- Initial release.
LayoutFlowroot wrapper withdesignSizeconfiguration.- Basic
FlowContainer,FlowRow, andFlowTextimplementation. - Static
FlowSpacing,FlowRadius, andFlowTextStyletokens.