Layout & Structure Widgets

Core layout and structural widgets that provide the foundation for organizing UI elements on screen.

Overview

Layout & Structure widgets handle the fundamental organization and positioning of content in your app. These widgets control how other widgets are arranged, sized, and positioned relative to each other and the screen.

Categories

Container & Spacing

  • Container - A versatile container widget with styling and layout options

  • Sized Box - Creates fixed-size spacing or containers

Layout Containers

  • Row & Column - Flexible layouts for horizontal and vertical arrangements

  • Stack - Layered positioning of widgets

  • Wrap - Flow layout that wraps content to new lines

Screen Structure

  • Scaffold - Provides basic screen structure with app bar, body, and bottom navigation

  • Safe Area - Ensures content is visible within safe screen boundaries

  • AppBar - Top application bar with title, actions, and navigation

Overlays & Positioning

  • Overlay - Floating UI elements positioned above other content

Last updated