NativeScript/tests/app/ui/layouts/wrap-layout.md

---
nav-title: "WrapLayout How-To"
title: "wrap-layout"
environment: nativescript
description: "Examples for using WrapLayout"
previous_url: /ApiReference/ui/layouts/wrap-layout/HOW-TO
---
# WrapLayout
Using a WrapLayout requires the WrapLayout module.
{%snippet wrap-layout-require%}

### Declaring a WrapLayout.
``` XML
<Page>
    <WrapLayout>
        <Label text="This is Label 1" />
        <Label text="This is Label 2" />
        <Label text="This is Label 3" />
        <Label text="This is Label 4" />
    </WrapLayout>
</Page>
```

Other frequently used modules when working with a WrapLayout include:
{%snippet wrap-layout-others%}

## Creating a WrapLayout
{%snippet wrap-layout-new%}

## Setting the orientation of a wrap-layout.
{%snippet wrap-layout-orientation%}