Виджет Column

Виджет Column ставит дочерние виджеты в вертикальный ряд, сверху вниз. Список передают в children. Вдоль столбца их выравнивает mainAxisAlignment, поперёк - crossAxisAlignment. Горизонтальный сосед этого виджета - Row.

Синтаксис

Column(
	children: [
		child1,
	],
)

Параметры

Параметр	Описание
`children`	Список дочерних виджетов.

Пример

Давайте применим Column на экране:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: Column(
												children: [
													Text('abcde'),
													Text('12345'),
												],
											),
			),
		),
	);
}

На экране строки 'abcde' и '12345' стоят одна под другой.

Пример

Давайте соберём второй пример с Column:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: Column(
												children: [
													Text('abcde'),
													Text('12345'),
												],
											),
			),
		),
	);
}

Второй пример снова собирает вертикальный ряд из тех же двух строк.

Смотрите также

виджет Flex,
который ставит дочерние виджеты вдоль выбранной оси
виджет Wrap,
который переносит дочерние виджеты на новую строку
виджет Stack,
который кладёт дочерние виджеты друг на друга
виджет IndexedStack,
который показывает один слой