Егор Долгов
Егор Долгов
(обновлено )
За все время: 9695 просмотров, 2685 посетителей.
За последние 30 дней: 33 просмотра, 19 посетителей.

Container class - класс контейнер

Наследование: Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget > Container

Виджет-класс Container сочетает в себе свойства: отображения, позиционирования и размерности.

Внутри контейнера можно задать поля padding по отношению к дочернему элементу child. Сам контейнер может иметь обводку с заданной толщиной. Вокруг контейнера могут быть отступы margin.

Вначале рисования, контейнер принимает геометрические изменения с помощью параметра transform, после происходит отрисовка фонового оформления decoration, на следующем этапе происходит рисование дочернего элемента child, и в завершении отрисовка поверхностного оформления foregroundDecoration.

Контейнер без дочернего элемента, и без ограничений по ширине и высоте, занимает все доступное пространство. С дочерним элементом принимает его размер. Но если есть выравнивание то размер родительского элемента.
Параметры width, height и constraints переопределяют размер контейнера.

Параметры класса Container

alignment → AlignmentGeometry
выравнивание дочернего элемента
final

child → Widget
дочерний элемент
final

color → Color
цвет фона контейнера (не использовать если задан параметр decoration)
final

constraints → BoxConstraints
дополнительные ограничения размера для дочернего элемента
final

decoration → Decoration
фоновое оформление контейнера
final

foregroundDecoration → Decoration
поверхностное оформление контейнера - рисуется поверх дочернего элемента
final

height → double
высота контейнера
final

margin → EdgeInsetsGeometry
отступы вокруг контейнера
final

padding → EdgeInsetsGeometry
поля внутри контейнера
final

transform → Matrix4
матричное преобразование геометрии контейнера
final

width → double
ширина контейнера
final

hashCode → int
read-only, inherited

key → Key
read-only, inherited

runtimeType → Type
read-only, inherited


Контейнер занимает доступное ему пространство


Контейнер принимает размер дочернего элемента


Ширина контейнера 100% по отношению к родительскому элементу, высота контейнера 200


Выравнивание дочернего элемента по центру контейнера


Контейнер с максимальной шириной, отступами вокруг и внутри


Скругление и цвет контейнера с помощью параметра decoration


Фоновое изображение контейнера


Форма контейнера - круг, контейнер с тенью

Подборка заметок