Спросите помощника

0/400

Вопрос обрабатывается ИИ-сервисом и сохраняется для улучшения ответов. Не вводите персональные данные.

Wrap

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

Тип: 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