javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(safe-area): add nested wrap layout examples

Browse Source
This commit is contained in:
Vasil Chimev
2018-07-27 05:42:27 +03:00
committed by Martin Yankov
parent d6f29dc6bc
commit ccc2bc9543
11 changed files with 124 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
e2e/safe-area/app/wraplayout/action-bar/hwrap-nested-hwrap-page.xml Normal file
View File

@@ -0,0 +1,10 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="wraplayout/fragments">
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:hwrap-nested-hwrap-fragment></fragments:hwrap-nested-hwrap-fragment>
</Page>

10
e2e/safe-area/app/wraplayout/action-bar/hwrap-nested-vwrap-page.xml Normal file
View File

@@ -0,0 +1,10 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="wraplayout/fragments">
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:hwrap-nested-vwrap-fragment></fragments:hwrap-nested-vwrap-fragment>
</Page>

2
e2e/safe-area/app/wraplayout/action-bar/hwrap-page.xml
View File

@@ -1,5 +1,5 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" <Page xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="wraplayout/fragments" backgroundColor="LightGreen"> xmlns:fragments="wraplayout/fragments">
<ActionBar> <ActionBar>
<Label text="Action Bar"></Label> <Label text="Action Bar"></Label>

2
e2e/safe-area/app/wraplayout/action-bar/vwrap-page.xml
View File

@@ -1,5 +1,5 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" <Page xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="wraplayout/fragments" backgroundColor="LightGreen"> xmlns:fragments="wraplayout/fragments">
<ActionBar> <ActionBar>
<Label text="Action Bar"></Label> <Label text="Action Bar"></Label>

42
e2e/safe-area/app/wraplayout/fragments/hwrap-nested-hwrap-fragment.xml Normal file
View File

@@ -0,0 +1,42 @@
<WrapLayout orientation="horizontal" backgroundColor="LightGreen">
<WrapLayout orientation="horizontal" backgroundColor="LightPink">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="horizontal" backgroundColor="LightBlue">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="horizontal" backgroundColor="LightYellow">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="horizontal" backgroundColor="LightGray">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="horizontal" backgroundColor="LightPink">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="horizontal" backgroundColor="LightBlue">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="horizontal" backgroundColor="LightYellow">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="horizontal" backgroundColor="LightGray">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
</WrapLayout>

42
e2e/safe-area/app/wraplayout/fragments/hwrap-nested-vwrap-fragment.xml Normal file
View File

@@ -0,0 +1,42 @@
<WrapLayout orientation="horizontal" backgroundColor="LightGreen">
<WrapLayout orientation="vertical" backgroundColor="LightPink">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="vertical" backgroundColor="LightBlue">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="vertical" backgroundColor="LightYellow">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="vertical" backgroundColor="LightGray">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="vertical" backgroundColor="LightPink">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="vertical" backgroundColor="LightBlue">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="vertical" backgroundColor="LightYellow">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
<WrapLayout orientation="vertical" backgroundColor="LightGray">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
</WrapLayout>

6
e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nested-hwrap-page.xml Normal file
View File

@@ -0,0 +1,6 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="wraplayout/fragments" actionBarHidden="true">
<fragments:hwrap-nested-hwrap-fragment></fragments:hwrap-nested-hwrap-fragment>
</Page>

6
e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nested-vwrap-page.xml Normal file
View File

@@ -0,0 +1,6 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="wraplayout/fragments" actionBarHidden="true">
<fragments:hwrap-nested-vwrap-fragment></fragments:hwrap-nested-vwrap-fragment>
</Page>

2
e2e/safe-area/app/wraplayout/no-action-bar/hwrap-page.xml
View File

@@ -1,5 +1,5 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" <Page xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="wraplayout/fragments" actionBarHidden="true" backgroundColor="LightGreen"> xmlns:fragments="wraplayout/fragments" actionBarHidden="true">
<fragments:hwrap-fragment></fragments:hwrap-fragment> <fragments:hwrap-fragment></fragments:hwrap-fragment>

2
e2e/safe-area/app/wraplayout/no-action-bar/vwrap-page.xml
View File

@@ -1,5 +1,5 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" <Page xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="wraplayout/fragments" actionBarHidden="true" backgroundColor="LightGreen"> xmlns:fragments="wraplayout/fragments" actionBarHidden="true">
<fragments:vwrap-fragment></fragments:vwrap-fragment> <fragments:vwrap-fragment></fragments:vwrap-fragment>

4
e2e/safe-area/app/wraplayout/wraplayout-page.xml
View File

@@ -8,11 +8,15 @@
<StackLayout horizontalAlignment="center"> <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="HWrap Nested HWrap" tap="onNavigate" route="wraplayout/action-bar/hwrap-nested-hwrap-page"></Button>
<Button text="HWrap Nested VWrap" tap="onNavigate" route="wraplayout/action-bar/hwrap-nested-vwrap-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 horizontalAlignment="center"> <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="HWrap Nested HWrap" tap="onNavigate" route="wraplayout/no-action-bar/hwrap-nested-hwrap-page"></Button>
<Button text="HWrap Nested VWrap" tap="onNavigate" route="wraplayout/no-action-bar/hwrap-nested-vwrap-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"> <StackLayout horizontalAlignment="center">