Skip to content
Blog
Tag

“layout”

Responsive Layouts with OrientationBuilder in Flutter

Responsive Layouts with OrientationBuilder in Flutter

How to use OrientationBuilder to seamlessly switch between portrait and landscape layouts, handle parent constraints, and avoid common layout traps.

November 1, 2026 AI Assistant
Wrap Widget in Flutter: Designing Flexible Flow Layouts and Chip Groups

Wrap Widget in Flutter: Designing Flexible Flow Layouts and Chip Groups

Mastering Flutter's Wrap widget to build dynamic tags, filter pills, and adaptive responsive buttons without triggering overflow errors.

November 1, 2026 AI Assistant
LayoutBuilder for Responsive UI in Flutter

LayoutBuilder for Responsive UI in Flutter

Use LayoutBuilder's BoxConstraints to build adaptive Flutter layouts — a breakpoints pattern, LayoutBuilder vs MediaQuery, and how to avoid unbounded-constraint gotchas.

October 29, 2026 AI Assistant
Flutter Adaptive Layout Widgets: Building UIs That Fit Any Screen

Flutter Adaptive Layout Widgets: Building UIs That Fit Any Screen

A practical guide to Flutter's adaptive and responsive layout toolkit — MediaQuery, LayoutBuilder, and the widgets that make one codebase usable on phones, tablets, foldables, and desktops.

October 28, 2026 AI Assistant
CustomScrollView and Slivers: Building Collapsible, Layered Scroll UIs in Flutter

CustomScrollView and Slivers: Building Collapsible, Layered Scroll UIs in Flutter

A practical guide to Flutter slivers: CustomScrollView, SliverAppBar collapsing headers, SliverList and SliverGrid, SliverToBoxAdapter, SliverPersistentHeader, NestedScrollView, and the performance wins of lazy sliver layout.

September 25, 2026 AI Assistant
CSS in 2026: Subgrid, Container Queries, and @layer

CSS in 2026: Subgrid, Container Queries, and @layer

Modern CSS layout and organization in 2026 — grid subgrid for nested alignment, container queries for component-driven responsive design, and @layer for cascade management.

August 14, 2026 AI Assistant
Theming and Layout in Astryx: Theme System, Frame-First Approach, and Templates

Theming and Layout in Astryx: Theme System, Frame-First Approach, and Templates

Master Astryx theming with 7 built-in themes, custom theme creation via defineTheme(), frame-first layout patterns, and page/block templates.

July 31, 2026 AI Assistant