Layouts in Flutter

UI

Layout

Lay out a widget

1. Select a layout widget
2. Create a visible widget
3. Add the visible widget to the layout widget
4. Add the layout widget to the page

Material apps
Non-Material apps

Lay out multiple widgets vertically and horizontally

Aligning widgets
Sizing widgets
Packing widgets
Nesting rows and columns

Common layout widgets

Standard widgets
Material widgets
Container
GridView
ListView
Stack
Card
ListTile

Constraints

Videos

Other resources

What's the point?

Widgets are classes used to build UIs.

Widgets are used for both layout and UI elements.

Compose simple widgets to build complex widgets.