test(safe-area): update wrap layout examples

This commit is contained in:
Vasil Chimev
2018-07-27 04:43:04 +03:00
committed by Martin Yankov
parent 2a9d1acb6f
commit 5c748b9ca7
5 changed files with 25 additions and 4 deletions

View File

@@ -0,0 +1,8 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd">
<WrapLayout orientation="horizontal" width="210" height="210" backgroundColor="lightgray">
<Label text="Label 1" width="70" height="70" backgroundColor="red"/>
<Label text="Label 2" width="70" height="70" backgroundColor="green"/>
<Label text="Label 3" width="70" height="70" backgroundColor="blue"/>
<Label text="Label 4" width="70" height="70" backgroundColor="yellow"/>
</WrapLayout>
</Page>

View File

@@ -0,0 +1,8 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd">
<WrapLayout orientation="vertical" width="210" height="210" backgroundColor="lightgray">
<Label text="Label 1" width="70" height="70" backgroundColor="red"/>
<Label text="Label 2" width="70" height="70" backgroundColor="green"/>
<Label text="Label 3" width="70" height="70" backgroundColor="blue"/>
<Label text="Label 4" width="70" height="70" backgroundColor="yellow"/>
</WrapLayout>
</Page>

View File

@@ -1,4 +1,4 @@
<WrapLayout orientation="horizontal" backgroundColor="LightGreen"> <WrapLayout orientation="horizontal" backgroundColor="LightGreen">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet" height="100%" backgroundColor="LightPink"></Button> <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet" height="100%" backgroundColor="Green"></Button>
<Button text="H" backgroundColor="Pink"></Button> <Button text="H" backgroundColor="Pink"></Button>
</WrapLayout> </WrapLayout>

View File

@@ -1,4 +1,4 @@
<WrapLayout orientation="vertical" backgroundColor="LightGreen"> <WrapLayout orientation="vertical" backgroundColor="LightGreen">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet" height="100%" backgroundColor="LightPink"></Button> <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet" height="100%" backgroundColor="Blue"></Button>
<Button text="V" backgroundColor="Pink"></Button> <Button text="V" backgroundColor="Pink"></Button>
</WrapLayout> </WrapLayout>

View File

@@ -5,16 +5,21 @@
</ActionBar> </ActionBar>
<StackLayout horizontalAlignment="center"> <StackLayout horizontalAlignment="center">
<StackLayout> <StackLayout horizontalAlignment="center">
<Label text="Pages w/ ActionBar"></Label> <Label text="Pages w/ ActionBar"></Label>
<Button text="HWrap" tap="onNavigate" route="wraplayout/action-bar/hwrap-page"></Button> <Button text="HWrap" tap="onNavigate" route="wraplayout/action-bar/hwrap-page"></Button>
<Button text="VWrap" tap="onNavigate" route="wraplayout/action-bar/vwrap-page"></Button> <Button text="VWrap" tap="onNavigate" route="wraplayout/action-bar/vwrap-page"></Button>
</StackLayout> </StackLayout>
<StackLayout> <StackLayout horizontalAlignment="center">
<Label text="Pages w/o ActionBar"></Label> <Label text="Pages w/o ActionBar"></Label>
<Button text="HWrap" tap="onNavigate" route="wraplayout/no-action-bar/hwrap-page"></Button> <Button text="HWrap" tap="onNavigate" route="wraplayout/no-action-bar/hwrap-page"></Button>
<Button text="VWrap" tap="onNavigate" route="wraplayout/no-action-bar/vwrap-page"></Button> <Button text="VWrap" tap="onNavigate" route="wraplayout/no-action-bar/vwrap-page"></Button>
</StackLayout> </StackLayout>
<StackLayout horizontalAlignment="center">
<Label text="Docs Pages"></Label>
<Button text="HWrap" tap="onNavigate" route="wraplayout/docs/hwrap-page"></Button>
<Button text="VWrap" tap="onNavigate" route="wraplayout/docs/vwrap-page"></Button>
</StackLayout>
</StackLayout> </StackLayout>
</Page> </Page>