Виджет Center

Виджет Center занимает место, которое дал родитель, и кладёт дочерний виджет в середину по горизонтали и вертикали. Если родитель не ограничен, виджет сжимается по дочернему и центрировать уже некуда.

Синтаксис

Center(
	child: child,
)

Параметры

Параметр	Описание
`child`	Дочерний виджет или список дочерних виджетов.

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: Center(child: Text('abcde')),
			),
		),
	);
}

На экране строка 'abcde' стоит по центру.

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: Center(child: Text('abcde')),
			),
		),
	);
}

Второй пример тоже ставит строку 'abcde' в центр экрана.

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

виджет FractionallySizedBox,
который задаёт размер долями от родителя
виджет AspectRatio,
который задаёт соотношение сторон
виджет FittedBox,
который масштабирует child под доступное место
виджет Expanded,
который отдаёт дочернему виджету свободное место в ряду