Виджет Container

Виджет Container собирает в одном месте отступ, цвет и дочерний виджет. Отступ задаёт padding типа EdgeInsets, цвет - color. Если нужны рамка или тень, вместо color передают decoration.

Синтаксис

Container(
	child: child,
)

Параметры

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

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: Container(
												padding: EdgeInsets.all(16),
												color: Colors.grey.shade300,
												child: Text('abcde'),
											),
			),
		),
	);
}

На экране серая плашка с отступом 16 и строка 'abcde' внутри.

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: Container(
												padding: EdgeInsets.all(16),
												color: Colors.grey.shade300,
												child: Text('abcde'),
											),
			),
		),
	);
}

Второй пример повторяет ту же плашку.

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

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