NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
WrapLayout

This is an overview of the most common usage of WrapLayout. For more information about the available properties, methods, or events, head over to the complete API documentation for WrapLayout.

Контейнер 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>

Свойства

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

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

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

Contributors