WrapLayout - NativeScript-Vue

Контейнер WrapLayout помещает свои дочерние элементы в строки или столбцы, основываясь на свойство ориентации, пока пространство не будет заполнено, а затем переносит элементы в новую строку или столбец.

Примеры

WrapLayout по умолчанию

<WrapLayout backgroundColor="#3c495e">
  <Label text="first" width="30%" height="30%" backgroundColor="#43b883"/>
  <Label text="second" width="30%" height="30%" backgroundColor="#1c6b48"/>
  <Label text="third" width="30%" height="30%" backgroundColor="#289062"/>
  <Label text="fourth" width="30%" height="30%" backgroundColor="#289062"/>
</WrapLayout>

Вертикальный WrapLayout

<WrapLayout orientation="vertical" backgroundColor="#3c495e">
  <Label text="first" width="30%" height="30%" backgroundColor="#43b883"/>
  <Label text="second" width="30%" height="30%" backgroundColor="#1c6b48"/>
  <Label text="third" width="30%" height="30%" backgroundColor="#289062"/>
  <Label text="fourth" width="30%" height="30%" backgroundColor="#289062"/>
</WrapLayout>

Свойства

Название	Тип	Описание
`orientation`	`String`	Значение, указывающее направление потока. Если ориентация горизонтальная (`horizontal`), то элементы располагаются в строках. Если ориентация вертикальная (`vertical`), элементы располагаются в столбцах. Значение по умолчанию — `horizontal`.
`itemWidth`	`Number`	Ширина, используемая для измерения и расположения каждого дочернего элемента. Значение по умолчанию — `Number.NaN`, которое не ограничивает дочерние элементы.
`itemHeight`	`Number`	Высота, используемая для измерения и расположения каждого дочернего элемента. Значение по умолчанию — `Number.NaN`, которое не ограничивает дочерние элементы.

Дополнительные свойства дочерних элементов

Дополнительных свойств для дочерних элементов нет.