Виджет Spacer используется для вставки гибкого пустого пространства между дочерними виджетами Column и Row.
Если вам нужно равномерное пространство между дочерними виджетами, вы можете добавить пространство, установив для параметра Main Axis Alignment значения Space Around, Space Evenly и Space Between. Если вы хотите получить более индивидуальное пространство между дочерними виджетами (пример ниже), используйте виджет Spacer Widget.
Виджет Spacer занимает все доступное пространство, поэтому виджет Spacer не будет иметь никакого эффекта на столбце или строке, где выравнивание по главной оси установлено на Space Around, Space Evenly и Space Between.
Добавление распорки в ваш проект
Вот пример того, как можно использовать виджет Spacer в своем проекте
- Сначала перетащите виджет Column с вкладки Layout Elements (в панели виджетов) и установите его выравнивание по оси Cross Axis Alignment To Center.
- Добавьте виджет CircleImage с вкладки Base Elements или добавьте его непосредственно из дерева виджетов.
- Теперь добавьте сам виджет Spacer с вкладки Layout Elements.
- Добавьте виджет Text, измените его название на ‘Username‘, а стиль темы на Title 1.
- Добавьте еще один виджет Text и дайте ему имя ‘Email’.
- Снова добавьте виджет Spacer. На этот раз перейдите в редактор свойств и найдите поле Flex input в разделе Spacer Properties. Внутри Flex input введите значение 8.
- Наконец, добавьте виджет Button с вкладки Base Elements.
По умолчанию значение Flex для виджета Space установлено на 1. Вы можете изменить это значение, чтобы настроить пространство между дочерними элементами.
Показать/скрыть виджет «Пространство
Пожалуйста, найдите инструкции по отображению/скрытию виджета здесь