mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
30 lines
694 B
Markdown
30 lines
694 B
Markdown
---
|
|
nav-title: "stack-layout How-To"
|
|
title: "stack-layout"
|
|
description: "Examples for using stack-layout"
|
|
---
|
|
### import StackLayout and Button classes
|
|
var StackLayout = require("ui/layouts/stack-layout").StackLayout;
|
|
var Button = require("ui/button").Button;
|
|
### Create StackLayout
|
|
<snippet id='stack-layout-new'/>
|
|
|
|
### Declaring a StackLayout.
|
|
``` XML
|
|
<Page>
|
|
<StackLayout orientation="horizontal">
|
|
<Label text="This is Label 1" />
|
|
</StackLayout>
|
|
</Page>
|
|
```
|
|
|
|
### Add child view to layout
|
|
<snippet id='stack-layout-addchild'/>
|
|
|
|
### Remove child view from layout
|
|
<snippet id='stack-layout-remove'/>
|
|
|
|
### Change layout orientation to Horizontal
|
|
<snippet id='stack-layout-horizontal'/>
|
|
|