Виджет SizedBox в Flutter

Виджет SizedBox задаёт потомку жёсткие границы по ширине и высоте. Если передать только width или только height, второй размер остаётся свободным в пределах родителя. Пустой SizedBox без child работает как неподвижный зазор между соседями в Row или Column:

Row(
	children: const [
		Icon(Icons.person),
		SizedBox(width: 12),
		Text('Profile'),
	],
)

Фиксированный квадрат или полоска удобны для иконок, аватаров-заглушек и разделителей. Вертикальный зазор SizedBox(height: 24) между абзацами в колонке добавляет вертикальный воздух без лишних Padding вокруг текста:

Column(
	children: const [
		Text('Title'),
		SizedBox(height: 8),
		Text('Subtitle'),
	],
)

Иконку можно вложить в квадрат фиксированного размера:

SizedBox(
	width: 48,
	height: 48,
	child: Icon(Icons.star, size: 32),
)

Соберите одну Column так:

Column(
	children: [
		Text('One'),
		SizedBox(height: 20),
		Text('Two'),
		SizedBox(height: 40),
		Text('End'),
	],
)