Виджет Padding

Виджет Padding ставит пустое место вокруг дочернего виджета. Величину задают в padding типа EdgeInsets: одинаковую со всех сторон или разную слева, сверху, справа и снизу. Сам виджет ничего не рисует, только сдвигает дочерний.

Синтаксис

Padding(
	child: child,
)

Параметры

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

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: Padding(
												padding: EdgeInsets.all(24),
												child: Text('abcde'),
											),
			),
		),
	);
}

На экране строка 'abcde' стоит с отступом 24 от краёв.

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: Padding(
												padding: EdgeInsets.all(24),
												child: Text('abcde'),
											),
			),
		),
	);
}

Второй пример повторяет тот же отступ вокруг строки 'abcde'.

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

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