Перейти к основному содержимому

Spacer (Пробел)

Виджет Spacer используется для вставки гибкого пустого пространства между дочерними элементами внутри виджетов Column и Row.

img.png

Если вы хотите, чтобы между дочерними элементами было равное пространство, можно задать выравнивание по основной оси (Main Axis Alignment) со значениями Space Around, Space Evenly или Space Between.
Однако если требуется более точный контроль расстояния между элементами (как в примере ниже), используйте виджет Spacer.

к сведению

Виджет Spacer занимает всё доступное пространство, поэтому он не окажет эффекта, если вы уже установили для Main Axis Alignment одно из значений Space Around, Space Evenly или Space Between.

Чтобы использовать Spacer, добавьте его между дочерними элементами внутри Row или Column в любом месте и установите для него параметр flex — положительное целое число.
По умолчанию значение flex равно 1.

spacer-widget.png

Пример использования Spacer

В приведённом примере два виджета Spacer добавлены между дочерними элементами Row.
Один из них имеет значение flex = 3, поэтому он занимает в три раза больше пространства, чем другой Spacer, у которого flex = 1.