Ask the assistant

0/400

Your question is processed by an AI service and kept to improve answers. Do not enter personal data.

Wrap

This page has not been translated into English yet. The Russian original is below.

Размещает дочерние элементы в строку/колонку с автоматическим переносом на следующую линию при переполнении.

Тип: multi-child

Wrap spacing:8 runSpacing:8
  SizedBox width:100 height:40
    ColoredBox color:#6C63FF
  SizedBox width:100 height:40
    ColoredBox color:#585593
  SizedBox width:100 height:40
    ColoredBox color:#36345E

Параметры

Параметр	Тип	Default	Описание
`direction`	string	horizontal	Направление: `horizontal` , `vertical`
`alignment`	string	start	Выравнивание по главной оси: `start` , `end` , `center` , `spaceBetween` , `spaceAround` , `spaceEvenly`
`spacing`	double	0	Расстояние между элементами
`runAlignment`	string	start	Выравнивание линий: `start` , `end` , `center` , `spaceBetween` , `spaceAround` , `spaceEvenly`
`runSpacing`	double	0	Расстояние между линиями
`crossAxisAlignment`	string	start	Выравнивание по поперечной оси внутри линии: `start` , `end` , `center`
`textDirection`	string	—	Направление текста: `ltr` , `rtl`
`verticalDirection`	string	down	Направление линий: `down` , `up`
`clipBehavior`	string	none	Обрезка: `none` , `hardEdge` , `antiAlias` , `antiAliasWithSaveLayer`

Примеры

Теги/чипы

Wrap spacing:8 runSpacing:8
  DecoratedBox
    #decoration color:#6C63FF
      #borderRadius circular 16
    Padding
      #padding symmetric horizontal:12 vertical:6
      Text "Боевик"
  DecoratedBox
    #decoration color:#585593
      #borderRadius circular 16
    Padding
      #padding symmetric horizontal:12 vertical:6
      Text "Фантастика"
  DecoratedBox
    #decoration color:#36345E
      #borderRadius circular 16
    Padding
      #padding symmetric horizontal:12 vertical:6
      Text "Драма"

Wrap

Параметры

Примеры

Теги/чипы

See also