Widget City · Module 4
Spacing & Size
Spacing makes layouts breathable. SizedBox adds fixed gaps, Padding wraps children with insets, and Expanded lets a child fill remaining space in a Row or Column.
Complete all 6 games to unlock Stack & Position.
Complete all 6 games to unlock Stack & Position.
Spacing toolkit
SizedBox
SizedBox(height: 16)
Empty space with a fixed size. No child needed.
Padding
Padding(EdgeInsets.all(8), child: ...)
Adds inset space around a child widget.
Expanded
Expanded(child: ...)
Fills all remaining space inside a Row or Column.
Progress
0 / 6 mini-games solved
Stage 1
Space Scout
Identify the right spacing widget for each situation.
Widget A
← gap here →
Widget B
You want to add 24px of empty vertical space between two widgets. Which widget do you use?