mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
f15f283c74
Needed to have a nice structured cookbook dir in the docs Includes: Move the data-module tests under the data dir Move the frame tests under the ui dir Rename the dialog.md file to dialogs.md Fix the web-view title Add previous_url attributes to each article for SEO Rename the style dir to styling to match the reference Fix the frame-tests path
31 lines
753 B
Markdown
31 lines
753 B
Markdown
---
|
|
nav-title: "stack-layout How-To"
|
|
title: "stack-layout"
|
|
description: "Examples for using stack-layout"
|
|
previous_url: /ApiReference/ui/layouts/stack-layout/HOW-TO
|
|
---
|
|
### 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'/>
|
|
|