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): update application

Browse Source 
Update styles -> `app.css`.
Update structure -> `home/home-page.xml`.
Add Grid + Wrap examples.
This commit is contained in:
Vasil Chimev
2018-08-10 15:40:29 +03:00
committed by Martin Yankov
parent 8f8001eac8
commit f7dfcb086c
100 changed files with 589 additions and 452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
e2e/safe-area/README.md
View File

@@ -1,3 +1,13 @@
Colors Legend:
- Page - `background-color: LightGreen;` in `app.css`
- Component (Label): backgroundColor="Pink"
- GridLayout - background-color: LightBlue;
- ListView - background-color: LightCoral;
- ScrollView - background-color: LightSalmon;
- StackLayout - background-color: LightPink;
- WrapLayout - background-color: LightYellow;
Execute Tests
=============

25
e2e/safe-area/app/app.css
View File

@@ -8,6 +8,31 @@ selectors and properties you can use to style UI components.
For example, the following CSS rule changes the font size of all UI
components that have the btn class name.
*/
.btn {
font-size: 18;
}
Page {
background-color: LightGreen;
}
.grid {
background-color: LightBlue;
}
.list {
background-color: LightCoral;
}
.scroll {
background-color: LightSalmon;
}
.stack {
background-color: LightPink;
}
.wrap {
background-color: LightYellow;
}

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

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

2
e2e/safe-area/app/component/component-page.ts
View File

@@ -1,4 +1,4 @@
import { View, EventData } from "tns-core-modules/ui/core/view/view";
import { View, EventData } from "tns-core-modules/ui/core/view";
export function onNavigate(args: EventData) {
const view = args.object as View;

2
e2e/safe-area/app/component/fragments/label-fragment.xml
View File

@@ -1 +1 @@
<Label text="The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog." backgroundColor="LightBlue"></Label>
<Label text="The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog." backgroundColor="Pink"></Label>

3
e2e/safe-area/app/component/no-action-bar/component-page.xml
View File

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

4
e2e/safe-area/app/gridlayout/action-bar/gridlayout-3x3-nested-grid-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Home"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:grid-3x3-nested-grid-fragment></fragments:grid-3x3-nested-grid-fragment>

4
e2e/safe-area/app/gridlayout/action-bar/gridlayout-3x3-nested-hstack-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Home"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:grid-3x3-nested-hstack-fragment></fragments:grid-3x3-nested-hstack-fragment>

4
e2e/safe-area/app/gridlayout/action-bar/gridlayout-3x3-nested-vstack-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Home"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:grid-3x3-nested-vstack-fragment></fragments:grid-3x3-nested-vstack-fragment>

4
e2e/safe-area/app/gridlayout/action-bar/gridlayout-3x3-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Home"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:grid-3x3-fragment></fragments:grid-3x3-fragment>

2
e2e/safe-area/app/gridlayout/fragments/grid-3x3-fragment.xml
View File

@@ -1,4 +1,4 @@
<GridLayout rows="*, *, *" columns="*, *, *" backgroundColor="CadetBlue">
<GridLayout rows="*, *, *" columns="*, *, *" class="grid">
<Label row="0" col="0" text="overflowing text, overflowing text"></Label>
<Label row="0" col="1" text="overflowing text, overflowing text"></Label>
<Label row="0" col="2" text="overflowing text, overflowing text"></Label>

2
e2e/safe-area/app/gridlayout/fragments/grid-3x3-nested-grid-fragment.xml
View File

@@ -1,4 +1,4 @@
<GridLayout rows="*, *, *" columns="*, *, *" backgroundColor="CadetBlue">
<GridLayout rows="*, *, *" columns="*, *, *" class="grid">
<GridLayout row="0" col="0" backgroundColor="SkyBlue">
<Label text="overflowing text, overflowing text"></Label>
</GridLayout>

2
e2e/safe-area/app/gridlayout/fragments/grid-3x3-nested-hstack-fragment.xml
View File

@@ -1,4 +1,4 @@
<GridLayout rows="*, *, *" columns="*, *, *" backgroundColor="CadetBlue">
<GridLayout rows="*, *, *" columns="*, *, *" class="grid">
<StackLayout row="0" col="0" orientation="horizontal" backgroundColor="SkyBlue">
<Label text="123"></Label>
<Label text="456"></Label>

2
e2e/safe-area/app/gridlayout/fragments/grid-3x3-nested-vstack-fragment.xml
View File

@@ -1,4 +1,4 @@
<GridLayout rows="*, *, *" columns="*, *, *" backgroundColor="CadetBlue">
<GridLayout rows="*, *, *" columns="*, *, *" class="grid">
<StackLayout row="0" col="0" backgroundColor="SkyBlue">
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>

24
e2e/safe-area/app/gridlayout/gridlayout-page.xml
View File

@@ -1,35 +1,25 @@
<Page class="page" xmlns="http://schemas.nativescript.org/tns.xsd">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Home"></Label>
<ActionBar>
<Label text="GridLayout Examples"></Label>
</ActionBar>
<StackLayout>
<ScrollView>
<StackLayout horizontalAlignment="center">
<StackLayout>
<Label text="Pages w/ ActionBar"></Label>
<Button text="Grid 3x3" tap="onNavigate" route="gridlayout/action-bar/gridlayout-3x3-page" />
<Button text="Grid 3x3 Nested Grid" tap="onNavigate" route="gridlayout/action-bar/gridlayout-3x3-nested-grid-page" />
<Button text="Grid 3x3 Nested VStack" tap="onNavigate" route="gridlayout/action-bar/gridlayout-3x3-nested-vstack-page" />
<Button text="Grid 3x3 Nested HStack" tap="onNavigate" route="gridlayout/action-bar/gridlayout-3x3-nested-hstack-page" />
<Button text="VStack" tap="onNavigate" route="gridlayout/action-bar/vstack-page" />
<Button text="VStack Nested VStack" tap="onNavigate" route="gridlayout/action-bar/vstack-nested-vstack-page" />
<Button text="VStack Nested HStack" tap="onNavigate" route="gridlayout/action-bar/vstack-nested-hstack-page" />
<Button text="HStack" tap="onNavigate" route="gridlayout/action-bar/hstack-page" />
<Button text="HStack Nested VStack" tap="onNavigate" route="gridlayout/action-bar/hstack-nested-vstack-page" />
<Button text="HStack Nested HStack" tap="onNavigate" route="gridlayout/action-bar/hstack-nested-hstack-page" />
<Button text="Grid 3x3 Nested VStack" tap="onNavigate" route="gridlayout/action-bar/gridlayout-3x3-nested-vstack-page" />
</StackLayout>
<StackLayout>
<Label text="Pages w/o ActionBar"></Label>
<Button text="Grid 3x3" tap="onNavigate" route="gridlayout/no-action-bar/gridlayout-3x3-page" />
<Button text="Grid 3x3 Nested Grid" tap="onNavigate" route="gridlayout/no-action-bar/gridlayout-3x3-nested-grid-page" />
<Button text="Grid 3x3 Nested VStack" tap="onNavigate" route="gridlayout/no-action-bar/gridlayout-3x3-nested-vstack-page" />
<Button text="Grid 3x3 Nested HStack" tap="onNavigate" route="gridlayout/no-action-bar/gridlayout-3x3-nested-hstack-page" />
<Button text="VStack" tap="onNavigate" route="gridlayout/no-action-bar/vstack-page" />
<Button text="VStack Nested VStack" tap="onNavigate" route="gridlayout/no-action-bar/vstack-nested-vstack-page" />
<Button text="VStack Nested HStack" tap="onNavigate" route="gridlayout/no-action-bar/vstack-nested-hstack-page" />
<Button text="HStack" tap="onNavigate" route="gridlayout/no-action-bar/hstack-page" />
<Button text="HStack Nested VStack" tap="onNavigate" route="gridlayout/no-action-bar/hstack-nested-vstack-page" />
<Button text="HStack Nested HStack" tap="onNavigate" route="gridlayout/no-action-bar/hstack-nested-hstack-page" />
<Button text="Grid 3x3 Nested VStack" tap="onNavigate" route="gridlayout/no-action-bar/gridlayout-3x3-nested-vstack-page" />
</StackLayout>
</StackLayout>
</ScrollView>
</Page>

7
e2e/safe-area/app/home/home-page.xml
View File

@@ -1,15 +1,16 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Home"></Label>
<ActionBar>
<Label text="Home"></Label>
</ActionBar>
<ScrollView>
<StackLayout>
<Button text="Component Examples" tap="onNavigate" route="component/component-page"></Button>
<Button text="GridLayout Examples" tap="onNavigate" route="gridlayout/gridlayout-page"></Button>
<Button text="ScrollView Examples" tap="onNavigate" route="scrollview/scrollview-page"></Button>
<Button text="ListView Examples" tap="onNavigate" route="listview/listview-page" />
<Button text="ScrollView Examples" tap="onNavigate" route="scrollview/scrollview-page"></Button>
<Button text="StackLayout Examples" tap="onNavigate" route="stacklayout/stacklayout-page"></Button>
<Button text="WrapLayout Examples" tap="onNavigate" route="wraplayout/wraplayout-page"></Button>
</StackLayout>
</ScrollView>

4
e2e/safe-area/app/listview/action-bar/grid-3x3-nested-listview-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="listview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ListView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:grid-3x3-nested-listview-fragment></fragments:grid-3x3-nested-listview-fragment>

4
e2e/safe-area/app/listview/action-bar/listview-nested-grid-3x3-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="listview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ListView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:listview-nested-grid-3x3-fragment></fragments:listview-nested-grid-3x3-fragment>

4
e2e/safe-area/app/listview/action-bar/listview-nested-hstack-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="listview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ListView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:listview-nested-hstack-fragment></fragments:listview-nested-hstack-fragment>

4
e2e/safe-area/app/listview/action-bar/listview-nested-vstack-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="listview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ListView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:listview-nested-vstack-fragment></fragments:listview-nested-vstack-fragment>

4
e2e/safe-area/app/listview/action-bar/listview-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="listview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ListView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:listview-fragment></fragments:listview-fragment>

5
e2e/safe-area/app/listview/fragments/grid-3x3-nested-listview-fragment.ts
View File

@@ -1,6 +1,5 @@
import { Page } from "ui/page";
import { ListViewViewModel } from "./listview-fragment-view-model";
import { Page } from "tns-core-modules/ui/page";
import { ListViewViewModel } from "~/listview/fragments/listview-fragment-view-model";
export function onLoaded(args) {
const page = <Page>args.object;

2
e2e/safe-area/app/listview/fragments/grid-3x3-nested-listview-fragment.xml
View File

@@ -1,4 +1,4 @@
<GridLayout rows="*, *, *" columns="*, *, *" backgroundColor="CadetBlue">
<GridLayout rows="*, *, *" columns="*, *, *" class="list">
<ListView row="0" col="0" items="{{ items }}" loaded="onLoaded" backgroundColor="SkyBlue">
<ListView.itemTemplate>
<Label text="{{ text }}"></Label>

2
e2e/safe-area/app/listview/fragments/listview-fragment-view-model.ts
View File

@@ -1,4 +1,4 @@
import { Observable } from "data/observable";
import { Observable } from "tns-core-modules/data/observable";
export class ListViewViewModel extends Observable {
items: Array<any>;

5
e2e/safe-area/app/listview/fragments/listview-fragment.ts
View File

@@ -1,6 +1,5 @@
import { Page } from "ui/page";
import { ListViewViewModel } from "./listview-fragment-view-model";
import { Page } from "tns-core-modules/ui/page";
import { ListViewViewModel } from "~/listview/fragments/listview-fragment-view-model";
export function onLoaded(args) {
const page = <Page>args.object;

2
e2e/safe-area/app/listview/fragments/listview-fragment.xml
View File

@@ -1,4 +1,4 @@
<ListView items="{{ items }}" loaded="onLoaded" backgroundColor="PowderBlue">
<ListView items="{{ items }}" loaded="onLoaded" class="list">
<ListView.itemTemplate>
<Label text="{{ text }}"></Label>
</ListView.itemTemplate>

5
e2e/safe-area/app/listview/fragments/listview-nested-grid-3x3-fragment.ts
View File

@@ -1,6 +1,5 @@
import { Page } from "ui/page";
import { ListViewViewModel } from "./listview-fragment-view-model";
import { Page } from "tns-core-modules/ui/page";
import { ListViewViewModel } from "~/listview/fragments/listview-fragment-view-model";
export function onLoaded(args) {
const page = <Page>args.object;

4
e2e/safe-area/app/listview/fragments/listview-nested-grid-3x3-fragment.xml
View File

@@ -1,6 +1,6 @@
<ListView items="{{ items }}" loaded="onLoaded" backgroundColor="Olive">
<ListView items="{{ items }}" loaded="onLoaded" class="list">
<ListView.itemTemplate>
<GridLayout rows="*, *, *" columns="*, *, *" backgroundColor="Olive">
<GridLayout rows="*, *, *" columns="*, *, *" backgroundColor="CadetBlue">
<Label row="0" col="0" text="overflowing text, overflowing text"></Label>
<Label row="0" col="1" text="overflowing text, overflowing text"></Label>
<Label row="0" col="2" text="overflowing text, overflowing text"></Label>

4
e2e/safe-area/app/listview/fragments/listview-nested-hstack-fragment.ts
View File

@@ -1,6 +1,6 @@
import { Page } from "ui/page";
import { Page } from "tns-core-modules/ui/page";
import { ListViewViewModel } from "./listview-fragment-view-model";
import { ListViewViewModel } from "~/listview/fragments/listview-fragment-view-model";
export function onLoaded(args) {
const page = <Page>args.object;

4
e2e/safe-area/app/listview/fragments/listview-nested-hstack-fragment.xml
View File

@@ -1,6 +1,6 @@
<ListView items="{{ items }}" loaded="onLoaded" backgroundColor="PowderBlue">
<ListView items="{{ items }}" loaded="onLoaded" class="list">
<ListView.itemTemplate>
<StackLayout orientation="horizontal" backgroundColor="Olive">
<StackLayout orientation="horizontal" backgroundColor="Crimson">
<Label text="{{ shortText }}"></Label>
<Label text="{{ shortText }}"></Label>
<Label text="{{ shortText }}"></Label>

4
e2e/safe-area/app/listview/fragments/listview-nested-vstack-fragment.ts
View File

@@ -1,6 +1,6 @@
import { Page } from "ui/page";
import { Page } from "tns-core-modules/ui/page";
import { ListViewViewModel } from "./listview-fragment-view-model";
import { ListViewViewModel } from "~/listview/fragments/listview-fragment-view-model";
export function onLoaded(args) {
const page = <Page>args.object;

4
e2e/safe-area/app/listview/fragments/listview-nested-vstack-fragment.xml
View File

@@ -1,6 +1,6 @@
<ListView items="{{ items }}" loaded="onLoaded" backgroundColor="PowderBlue">
<ListView items="{{ items }}" loaded="onLoaded" class="list">
<ListView.itemTemplate>
<StackLayout backgroundColor="Olive">
<StackLayout backgroundColor="Crimson">
<Label text="{{ text }}"></Label>
<Label text="{{ text }}"></Label>
<Label text="{{ text }}"></Label>

6
e2e/safe-area/app/listview/listview-page.xml
View File

@@ -3,11 +3,11 @@
xmlns:fragments="listview/fragments"
navigatingTo="onNavigatingTo">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ListView Examples"></Label>
<ActionBar>
<Label text="ListView Examples"></Label>
</ActionBar>
<StackLayout>
<StackLayout horizontalAlignment="center">
<StackLayout>
<Label text="Pages w/ ActionBar"></Label>
<Button text="ListView" tap="onNavigate" route="listview/action-bar/listview-page" />

4
e2e/safe-area/app/scrollview/action-bar/grid-3x3-hscroll-hstack-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="scrollview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ScrollView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:grid-3x3-hscroll-hstack-fragment></fragments:grid-3x3-hscroll-hstack-fragment>

4
e2e/safe-area/app/scrollview/action-bar/grid-3x3-vscroll-vstack-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="scrollview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ScrollView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:grid-3x3-vscroll-vstack-fragment></fragments:grid-3x3-vscroll-vstack-fragment>

4
e2e/safe-area/app/scrollview/action-bar/hscroll-hstack-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="scrollview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ScrollView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:hscroll-hstack-fragment></fragments:hscroll-hstack-fragment>

4
e2e/safe-area/app/scrollview/action-bar/hscroll-hwrap-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="scrollview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ScrollView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:hscroll-hwrap-fragment></fragments:hscroll-hwrap-fragment>

4
e2e/safe-area/app/scrollview/action-bar/hscroll-vwrap-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="scrollview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ScrollView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:hscroll-vwrap-fragment></fragments:hscroll-vwrap-fragment>

4
e2e/safe-area/app/scrollview/action-bar/vscroll-hwrap-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="scrollview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ScrollView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:vscroll-hwrap-fragment></fragments:vscroll-hwrap-fragment>

4
e2e/safe-area/app/scrollview/action-bar/vscroll-vstack-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="scrollview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ScrollView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:vscroll-vstack-fragment></fragments:vscroll-vstack-fragment>

4
e2e/safe-area/app/scrollview/action-bar/vscroll-vwrap-page.xml
View File

@@ -2,8 +2,8 @@
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="scrollview/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ScrollView Examples"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:vscroll-vwrap-fragment></fragments:vscroll-vwrap-fragment>

2
e2e/safe-area/app/scrollview/fragments/grid-3x3-hscroll-hstack-fragment.xml
View File

@@ -1,4 +1,4 @@
<GridLayout rows="*, *, *" columns="*, *, *" backgroundColor="CadetBlue">
<GridLayout rows="*, *, *" columns="*, *, *" class="scroll">
<ScrollView row="0" col="0" orientation="horizontal" backgroundColor="SkyBlue">
<StackLayout orientation="horizontal">
<Label text="overflowing text, overflowing text"></Label>

2
e2e/safe-area/app/scrollview/fragments/grid-3x3-vscroll-vstack-fragment.xml
View File

@@ -1,4 +1,4 @@
<GridLayout rows="*, *, *" columns="*, *, *" backgroundColor="CadetBlue">
<GridLayout rows="*, *, *" columns="*, *, *" class="scroll">
<ScrollView row="0" col="0" backgroundColor="SkyBlue">
<StackLayout>
<Label text="overflowing text, overflowing text, overflowing text, overflowing text, overflowing text, overflowing text"></Label>

4
e2e/safe-area/app/scrollview/fragments/hscroll-grid-fragment.xml
View File

@@ -1,5 +1,5 @@
<ScrollView orientation="horizontal" backgroundColor="LightGreen">
<GridLayout rows="auto, auto" columns="auto, auto" backgroundColor="LightBlue">
<ScrollView orientation="horizontal" class="scroll">
<GridLayout rows="auto, auto" columns="auto, auto" backgroundColor="CadetBlue">
<StackLayout row="0" col="0" backgroundColor="SkyBlue">
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>

2
e2e/safe-area/app/scrollview/fragments/hscroll-hstack-fragment.xml
View File

@@ -1,4 +1,4 @@
<ScrollView orientation="horizontal" backgroundColor="BurlyWood">
<ScrollView orientation="horizontal" class="scroll">
<StackLayout orientation="horizontal" backgroundColor="Crimson">
<Label text="overflowing text, overflowing text, overflowing text, overflowing text, overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text, overflowing text, overflowing text, overflowing text, overflowing text"></Label>

4
e2e/safe-area/app/scrollview/fragments/hscroll-hwrap-fragment.xml
View File

@@ -1,5 +1,5 @@
<ScrollView orientation="horizontal" backgroundColor="BurlyWood">
<WrapLayout orientation="horizontal" backgroundColor="LightGreen">
<ScrollView orientation="horizontal" class="scroll">
<WrapLayout orientation="horizontal" backgroundColor="Orchid">
<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>

4
e2e/safe-area/app/scrollview/fragments/hscroll-vwrap-fragment.xml
View File

@@ -1,5 +1,5 @@
<ScrollView orientation="horizontal" backgroundColor="BurlyWood">
<WrapLayout orientation="vertical" backgroundColor="LightGreen">
<ScrollView orientation="horizontal" class="scroll">
<WrapLayout orientation="vertical" backgroundColor="Orchid">
<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>

4
e2e/safe-area/app/scrollview/fragments/vscroll-grid-fragment.xml
View File

@@ -1,5 +1,5 @@
<ScrollView orientation="vertical" backgroundColor="LightGreen">
<GridLayout rows="auto, auto" columns="auto, auto" backgroundColor="LightBlue">
<ScrollView orientation="vertical" class="scroll">
<GridLayout rows="auto, auto" columns="auto, auto" backgroundColor="CadetBlue">
<StackLayout row="0" col="0" backgroundColor="SkyBlue">
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>

4
e2e/safe-area/app/scrollview/fragments/vscroll-hwrap-fragment.xml
View File

@@ -1,5 +1,5 @@
<ScrollView backgroundColor="BurlyWood">
<WrapLayout orientation="vertical" backgroundColor="LightGreen">
<ScrollView class="scroll">
<WrapLayout orientation="vertical" backgroundColor="Orchid">
<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>

2
e2e/safe-area/app/scrollview/fragments/vscroll-vstack-fragment.xml
View File

@@ -1,4 +1,4 @@
<ScrollView backgroundColor="BurlyWood">
<ScrollView class="scroll">
<StackLayout backgroundColor="Crimson">
<Label text="overflowing text, overflowing text, overflowing text, overflowing text, overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text, overflowing text, overflowing text, overflowing text, overflowing text"></Label>

4
e2e/safe-area/app/scrollview/fragments/vscroll-vwrap-fragment.xml
View File

@@ -1,5 +1,5 @@
<ScrollView backgroundColor="BurlyWood">
<WrapLayout orientation="vertical" backgroundColor="LightGreen">
<ScrollView class="scroll">
<WrapLayout orientation="vertical" backgroundColor="Orchid">
<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>

42
e2e/safe-area/app/scrollview/scrollview-page.xml
View File

@@ -1,35 +1,37 @@
<Page class="page" xmlns="http://schemas.nativescript.org/tns.xsd">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="ScrollView Examples"></Label>
<ActionBar>
<Label text="ScrollView Examples"></Label>
</ActionBar>
<StackLayout>
<ScrollView>
<StackLayout horizontalAlignment="center">
<StackLayout>
<Label text="Pages w/ ActionBar"></Label>
<Button text="HScroll HStack" tap="onNavigate" route="scrollview/action-bar/hscroll-hstack-page" />
<Button text="VScroll VStack" tap="onNavigate" route="scrollview/action-bar/vscroll-vstack-page" />
<Button text="HScroll HWrap" tap="onNavigate" route="scrollview/action-bar/hscroll-hwrap-page" />
<Button text="VScroll VWrap" tap="onNavigate" route="scrollview/action-bar/vscroll-vwrap-page" />
<Button text="HScroll VWrap" tap="onNavigate" route="scrollview/action-bar/hscroll-vwrap-page" />
<Button text="VScroll HWrap" tap="onNavigate" route="scrollview/action-bar/vscroll-hwrap-page" />
<Button text="HScroll Grid" tap="onNavigate" route="scrollview/action-bar/hscroll-grid-page" />
<Button text="VScroll Grid" tap="onNavigate" route="scrollview/action-bar/vscroll-grid-page" />
<Button text="Grid 3x3 HScroll HStack" tap="onNavigate" route="scrollview/action-bar/grid-3x3-hscroll-hstack-page" />
<Button text="Grid 3x3 VScroll VStack" tap="onNavigate" route="scrollview/action-bar/grid-3x3-vscroll-vstack-page" />
<Button text="HScroll Grid" tap="onNavigate" route="scrollview/action-bar/hscroll-grid-page" />
<Button text="HScroll HStack" tap="onNavigate" route="scrollview/action-bar/hscroll-hstack-page" />
<Button text="HScroll VWrap" tap="onNavigate" route="scrollview/action-bar/hscroll-vwrap-page" />
<Button text="HScroll HWrap" tap="onNavigate" route="scrollview/action-bar/hscroll-hwrap-page" />
<Button text="VScroll Grid" tap="onNavigate" route="scrollview/action-bar/vscroll-grid-page" />
<Button text="VScroll HWrap" tap="onNavigate" route="scrollview/action-bar/vscroll-hwrap-page" />
<Button text="VScroll VStack" tap="onNavigate" route="scrollview/action-bar/vscroll-vstack-page" />
<Button text="VScroll VWrap" tap="onNavigate" route="scrollview/action-bar/vscroll-vwrap-page" />
</StackLayout>
<StackLayout horizontalAlignment="center">
<StackLayout>
<Label text="Pages w/o ActionBar"></Label>
<Button text="HScroll HStack" tap="onNavigate" route="scrollview/no-action-bar/hscroll-hstack-page" />
<Button text="VScroll VStack" tap="onNavigate" route="scrollview/no-action-bar/vscroll-vstack-page" />
<Button text="HScroll HWrap" tap="onNavigate" route="scrollview/no-action-bar/hscroll-hwrap-page" />
<Button text="VScroll VWrap" tap="onNavigate" route="scrollview/no-action-bar/vscroll-vwrap-page" />
<Button text="HScroll VWrap" tap="onNavigate" route="scrollview/no-action-bar/hscroll-vwrap-page" />
<Button text="VScroll HWrap" tap="onNavigate" route="scrollview/no-action-bar/vscroll-hwrap-page" />
<Button text="HScroll Grid" tap="onNavigate" route="scrollview/no-action-bar/hscroll-grid-page" />
<Button text="VScroll Grid" tap="onNavigate" route="scrollview/no-action-bar/vscroll-grid-page" />
<Button text="Grid 3x3 HScroll HStack" tap="onNavigate" route="scrollview/no-action-bar/grid-3x3-hscroll-hstack-page" />
<Button text="Grid 3x3 VScroll VStack" tap="onNavigate" route="scrollview/no-action-bar/grid-3x3-vscroll-vstack-page" />
<Button text="HScroll Grid" tap="onNavigate" route="scrollview/no-action-bar/hscroll-grid-page" />
<Button text="HScroll HStack" tap="onNavigate" route="scrollview/no-action-bar/hscroll-hstack-page" />
<Button text="HScroll HWrap" tap="onNavigate" route="scrollview/no-action-bar/hscroll-hwrap-page" />
<Button text="HScroll VWrap" tap="onNavigate" route="scrollview/no-action-bar/hscroll-vwrap-page" />
<Button text="VScroll Grid" tap="onNavigate" route="scrollview/no-action-bar/vscroll-grid-page" />
<Button text="VScroll HWrap" tap="onNavigate" route="scrollview/no-action-bar/vscroll-hwrap-page" />
<Button text="VScroll VStack" tap="onNavigate" route="scrollview/no-action-bar/vscroll-vstack-page" />
<Button text="VScroll VWrap" tap="onNavigate" route="scrollview/no-action-bar/vscroll-vwrap-page" />
</StackLayout>
</StackLayout>
</ScrollView>
</Page>

6
e2e/safe-area/app/gridlayout/action-bar/hstack-nested-hstack-page.xml → e2e/safe-area/app/stacklayout/action-bar/hstack-nested-hstack-page.xml
View File

@@ -1,9 +1,9 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments">
xmlns:fragments="stacklayout/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Home"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:hstack-nested-hstack-fragment></fragments:hstack-nested-hstack-fragment>

6
e2e/safe-area/app/gridlayout/action-bar/hstack-nested-vstack-page.xml → e2e/safe-area/app/stacklayout/action-bar/hstack-nested-vstack-page.xml
View File

@@ -1,9 +1,9 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments">
xmlns:fragments="stacklayout/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Home"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:hstack-nested-vstack-fragment></fragments:hstack-nested-vstack-fragment>

6
e2e/safe-area/app/gridlayout/action-bar/hstack-page.xml → e2e/safe-area/app/stacklayout/action-bar/hstack-page.xml
View File

@@ -1,9 +1,9 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments">
xmlns:fragments="stacklayout/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Home"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:hstack-fragment></fragments:hstack-fragment>

6
e2e/safe-area/app/gridlayout/action-bar/vstack-nested-hstack-page.xml → e2e/safe-area/app/stacklayout/action-bar/vstack-nested-hstack-page.xml
View File

@@ -1,9 +1,9 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments">
xmlns:fragments="stacklayout/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Home"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:vstack-nested-hstack-fragment></fragments:vstack-nested-hstack-fragment>

6
e2e/safe-area/app/gridlayout/action-bar/vstack-nested-vstack-page.xml → e2e/safe-area/app/stacklayout/action-bar/vstack-nested-vstack-page.xml
View File

@@ -1,9 +1,9 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments">
xmlns:fragments="stacklayout/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Home"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:vstack-nested-vstack-fragment></fragments:vstack-nested-vstack-fragment>

6
e2e/safe-area/app/gridlayout/action-bar/vstack-page.xml → e2e/safe-area/app/stacklayout/action-bar/vstack-page.xml
View File

@@ -1,9 +1,9 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments">
xmlns:fragments="stacklayout/fragments">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Home"></Label>
<ActionBar>
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:vstack-fragment></fragments:vstack-fragment>

2
e2e/safe-area/app/gridlayout/fragments/hstack-fragment.xml → e2e/safe-area/app/stacklayout/fragments/hstack-fragment.xml
View File

@@ -1,4 +1,4 @@
<StackLayout orientation="horizontal" backgroundColor="Crimson">
<StackLayout orientation="horizontal" class="stack">
<Label text="123"></Label>
<Label text="456"></Label>
<Label text="789"></Label>

2
e2e/safe-area/app/gridlayout/fragments/hstack-nested-hstack-fragment.xml → e2e/safe-area/app/stacklayout/fragments/hstack-nested-hstack-fragment.xml
View File

@@ -1,4 +1,4 @@
<StackLayout orientation="horizontal" backgroundColor="Crimson">
<StackLayout orientation="horizontal" class="stack">
<StackLayout orientation="horizontal" backgroundColor="GoldenRod">
<Label text="123"></Label>
<Label text="456"></Label>

2
e2e/safe-area/app/gridlayout/fragments/hstack-nested-vstack-fragment.xml → e2e/safe-area/app/stacklayout/fragments/hstack-nested-vstack-fragment.xml
View File

@@ -1,4 +1,4 @@
<StackLayout orientation="horizontal" backgroundColor="Crimson">
<StackLayout orientation="horizontal" class="stack">
<StackLayout backgroundColor="GoldenRod">
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>

2
e2e/safe-area/app/gridlayout/fragments/vstack-fragment.xml → e2e/safe-area/app/stacklayout/fragments/vstack-fragment.xml
View File

@@ -1,4 +1,4 @@
<StackLayout backgroundColor="Crimson">
<StackLayout class="stack">
<Label text="overflowing text, overflowing text, overflowing text, overflowing text, overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text, overflowing text, overflowing text, overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text, overflowing text, overflowing text, overflowing text, overflowing text"></Label>

2
e2e/safe-area/app/gridlayout/fragments/vstack-nested-hstack-fragment.xml → e2e/safe-area/app/stacklayout/fragments/vstack-nested-hstack-fragment.xml
View File

@@ -1,4 +1,4 @@
<StackLayout backgroundColor="Crimson">
<StackLayout class="stack">
<StackLayout orientation="horizontal" backgroundColor="GoldenRod">
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>

2
e2e/safe-area/app/gridlayout/fragments/vstack-nested-vstack-fragment.xml → e2e/safe-area/app/stacklayout/fragments/vstack-nested-vstack-fragment.xml
View File

@@ -1,4 +1,4 @@
<StackLayout backgroundColor="Crimson">
<StackLayout class="stack">
<StackLayout backgroundColor="GoldenRod">
<Label text="overflowing text, overflowing text, overflowing text, overflowing text, overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text, overflowing text, overflowing text, overflowing text, overflowing text"></Label>

2
e2e/safe-area/app/gridlayout/no-action-bar/hstack-nested-hstack-page.xml → e2e/safe-area/app/stacklayout/no-action-bar/hstack-nested-hstack-page.xml
View File

@@ -1,6 +1,6 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments"
xmlns:fragments="stacklayout/fragments"
actionBarHidden="true">
<fragments:hstack-nested-hstack-fragment></fragments:hstack-nested-hstack-fragment>

2
e2e/safe-area/app/gridlayout/no-action-bar/hstack-nested-vstack-page.xml → e2e/safe-area/app/stacklayout/no-action-bar/hstack-nested-vstack-page.xml
View File

@@ -1,6 +1,6 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments"
xmlns:fragments="stacklayout/fragments"
actionBarHidden="true">
<fragments:hstack-nested-vstack-fragment></fragments:hstack-nested-vstack-fragment>

2
e2e/safe-area/app/gridlayout/no-action-bar/hstack-page.xml → e2e/safe-area/app/stacklayout/no-action-bar/hstack-page.xml
View File

@@ -1,6 +1,6 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments"
xmlns:fragments="stacklayout/fragments"
actionBarHidden="true">
<fragments:hstack-fragment></fragments:hstack-fragment>

2
e2e/safe-area/app/gridlayout/no-action-bar/vstack-nested-hstack-page.xml → e2e/safe-area/app/stacklayout/no-action-bar/vstack-nested-hstack-page.xml
View File

@@ -1,6 +1,6 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments"
xmlns:fragments="stacklayout/fragments"
actionBarHidden="true">
<fragments:vstack-nested-hstack-fragment></fragments:vstack-nested-hstack-fragment>

2
e2e/safe-area/app/gridlayout/no-action-bar/vstack-nested-vstack-page.xml → e2e/safe-area/app/stacklayout/no-action-bar/vstack-nested-vstack-page.xml
View File

@@ -1,6 +1,6 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments"
xmlns:fragments="stacklayout/fragments"
actionBarHidden="true">
<fragments:vstack-nested-vstack-fragment></fragments:vstack-nested-vstack-fragment>

2
e2e/safe-area/app/gridlayout/no-action-bar/vstack-page.xml → e2e/safe-area/app/stacklayout/no-action-bar/vstack-page.xml
View File

@@ -1,6 +1,6 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="gridlayout/fragments"
xmlns:fragments="stacklayout/fragments"
actionBarHidden="true">
<fragments:vstack-fragment></fragments:vstack-fragment>

8
e2e/safe-area/app/stacklayout/stacklayout-page.ts Normal file
View File

@@ -0,0 +1,8 @@
import { View, EventData } from "tns-core-modules/ui/core/view";
export function onNavigate(args: EventData) {
const view = args.object as View;
const route = view["route"];
view.page.frame.navigate(route);
}

29
e2e/safe-area/app/stacklayout/stacklayout-page.xml Normal file
View File

@@ -0,0 +1,29 @@
<Page class="page" xmlns="http://schemas.nativescript.org/tns.xsd">
<ActionBar>
<Label text="StackLayout Examples"></Label>
</ActionBar>
<ScrollView>
<StackLayout horizontalAlignment="center">
<StackLayout>
<Label text="Pages w/ ActionBar"></Label>
<Button text="HStack" tap="onNavigate" route="stacklayout/action-bar/hstack-page" />
<Button text="HStack Nested HStack" tap="onNavigate" route="stacklayout/action-bar/hstack-nested-hstack-page" />
<Button text="HStack Nested VStack" tap="onNavigate" route="stacklayout/action-bar/hstack-nested-vstack-page" />
<Button text="VStack" tap="onNavigate" route="stacklayout/action-bar/vstack-page" />
<Button text="VStack Nested HStack" tap="onNavigate" route="stacklayout/action-bar/vstack-nested-hstack-page" />
<Button text="VStack Nested VStack" tap="onNavigate" route="stacklayout/action-bar/vstack-nested-vstack-page" />
</StackLayout>
<StackLayout>
<Label text="Pages w/o ActionBar"></Label>
<Button text="HStack" tap="onNavigate" route="stacklayout/no-action-bar/hstack-page" />
<Button text="HStack Nested HStack" tap="onNavigate" route="stacklayout/no-action-bar/hstack-nested-hstack-page" />
<Button text="HStack Nested VStack" tap="onNavigate" route="stacklayout/no-action-bar/hstack-nested-vstack-page" />
<Button text="VStack" tap="onNavigate" route="stacklayout/no-action-bar/vstack-page" />
<Button text="VStack Nested HStack" tap="onNavigate" route="stacklayout/no-action-bar/vstack-nested-hstack-page" />
<Button text="VStack Nested VStack" tap="onNavigate" route="stacklayout/no-action-bar/vstack-nested-vstack-page" />
</StackLayout>
</StackLayout>
</ScrollView>
</Page>

3
e2e/safe-area/app/wraplayout/action-bar/vwrap-nested-hwrap-page.xml → e2e/safe-area/app/wraplayout/action-bar/grid-3x3-nested-hwrap-page.xml
View File

@@ -5,6 +5,5 @@
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:vwrap-nested-hwrap-fragment></fragments:vwrap-nested-hwrap-fragment>
<fragments:grid-3x3-nested-hwrap-fragment></fragments:grid-3x3-nested-hwrap-fragment>
</Page>

3
e2e/safe-area/app/wraplayout/action-bar/hwrap-nested-hwrap-page.xml → e2e/safe-area/app/wraplayout/action-bar/grid-3x3-nested-vwrap-page.xml
View File

@@ -5,6 +5,5 @@
<Label text="Action Bar"></Label>
</ActionBar>
<fragments:hwrap-nested-hwrap-fragment></fragments:hwrap-nested-hwrap-fragment>
<fragments:grid-3x3-nested-vwrap-fragment></fragments:grid-3x3-nested-vwrap-fragment>
</Page>

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

@@ -1,10 +0,0 @@
<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>

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

@@ -6,5 +6,4 @@
</ActionBar>
<fragments:hwrap-fragment></fragments:hwrap-fragment>
</Page>

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

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

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

@@ -6,5 +6,4 @@
</ActionBar>
<fragments:vwrap-fragment></fragments:vwrap-fragment>
</Page>

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

@@ -1,5 +1,5 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd">
<WrapLayout orientation="horizontal" width="210" height="210" backgroundColor="lightgray">
<WrapLayout orientation="horizontal" width="210" height="210" class="wrap">
<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"/>

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

@@ -1,5 +1,5 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd">
<WrapLayout orientation="vertical" width="210" height="210" backgroundColor="lightgray">
<WrapLayout orientation="vertical" width="210" height="210" class="wrap">
<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"/>

155
e2e/safe-area/app/wraplayout/fragments/grid-3x3-nested-hwrap-fragment.xml Normal file
View File

@@ -0,0 +1,155 @@
<GridLayout rows="*, *, *" columns="*, *, *" class="grid">
<WrapLayout row="0" col="0" orientation="horizontal" backgroundColor="SkyBlue">
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
</WrapLayout>
<WrapLayout row="0" col="1" orientation="horizontal" backgroundColor="Indigo">
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
</WrapLayout>
<WrapLayout row="0" col="2" orientation="horizontal" backgroundColor="Crimson">
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
</WrapLayout>
<WrapLayout row="1" col="0" orientation="horizontal" backgroundColor="Chocolate">
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
</WrapLayout>
<WrapLayout row="1" col="1" orientation="horizontal" backgroundColor="Cornsilk">
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
</WrapLayout>
<WrapLayout row="1" col="2" orientation="horizontal" backgroundColor="BurlyWood">
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
</WrapLayout>
<WrapLayout row="2" col="0" orientation="horizontal" backgroundColor="GoldenRod">
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
</WrapLayout>
<WrapLayout row="2" col="1" orientation="horizontal" backgroundColor="Khaki">
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
</WrapLayout>
<WrapLayout row="2" col="2" orientation="horizontal" backgroundColor="IndianRed">
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
<Label text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Label>
</WrapLayout>
</GridLayout>

128
e2e/safe-area/app/wraplayout/fragments/grid-3x3-nested-vwrap-fragment.xml Normal file
View File

@@ -0,0 +1,128 @@
<GridLayout rows="*, *, *" columns="*, *, *" class="grid">
<WrapLayout row="0" col="0" orientation="vertical" backgroundColor="SkyBlue">
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
</WrapLayout>
<WrapLayout row="0" col="1" orientation="vertical" backgroundColor="Indigo">
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
</WrapLayout>
<WrapLayout row="0" col="2" orientation="vertical" backgroundColor="Crimson">
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
</WrapLayout>
<WrapLayout row="1" col="0" orientation="vertical" backgroundColor="Chocolate">
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
</WrapLayout>
<WrapLayout row="1" col="1" orientation="vertical" backgroundColor="Cornsilk">
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
</WrapLayout>
<WrapLayout row="1" col="2" orientation="vertical" backgroundColor="BurlyWood">
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
</WrapLayout>
<WrapLayout row="2" col="0" orientation="vertical" backgroundColor="GoldenRod">
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
</WrapLayout>
<WrapLayout row="2" col="1" orientation="vertical" backgroundColor="Khaki">
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
</WrapLayout>
<WrapLayout row="2" col="2" orientation="vertical" backgroundColor="IndianRed">
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
<Label text="overflowing text, overflowing text"></Label>
</WrapLayout>
</GridLayout>

4
e2e/safe-area/app/wraplayout/fragments/hwrap-fragment.xml
View File

@@ -1,4 +1,4 @@
<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="Green"></Button>
<WrapLayout orientation="horizontal" class="wrap">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet" height="100%"></Button>
<Button text="H" backgroundColor="Pink"></Button>
</WrapLayout>

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

@@ -1,42 +0,0 @@
<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
View File

@@ -1,42 +0,0 @@
<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>

4
e2e/safe-area/app/wraplayout/fragments/vwrap-fragment.xml
View File

@@ -1,4 +1,4 @@
<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="Blue"></Button>
<WrapLayout orientation="vertical" class="wrap">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet" height="100%"></Button>
<Button text="V" backgroundColor="Pink"></Button>
</WrapLayout>

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

@@ -1,42 +0,0 @@
<WrapLayout orientation="vertical" 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/vwrap-nested-vwrap-fragment.xml
View File

@@ -1,42 +0,0 @@
<WrapLayout orientation="vertical" 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/grid-3x3-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:grid-3x3-nested-hwrap-fragment></fragments:grid-3x3-nested-hwrap-fragment>
</Page>

6
e2e/safe-area/app/wraplayout/no-action-bar/grid-3x3-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:grid-3x3-nested-vwrap-fragment></fragments:grid-3x3-nested-vwrap-fragment>
</Page>

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

@@ -1,6 +0,0 @@
<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
View File

@@ -1,6 +0,0 @@
<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>

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

@@ -2,5 +2,4 @@
xmlns:fragments="wraplayout/fragments" actionBarHidden="true">
<fragments:hwrap-fragment></fragments:hwrap-fragment>
</Page>

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

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

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

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

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

@@ -2,5 +2,4 @@
xmlns:fragments="wraplayout/fragments" actionBarHidden="true">
<fragments:vwrap-fragment></fragments:vwrap-fragment>
</Page>

2
e2e/safe-area/app/wraplayout/wraplayout-page.ts
View File

@@ -1,4 +1,4 @@
import { View, EventData } from "tns-core-modules/ui/core/view/view";
import { View, EventData } from "tns-core-modules/ui/core/view";
export function onNavigate(args: EventData) {
const view = args.object as View;

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

@@ -4,24 +4,21 @@
<Label text="WrapLayout Examples"></Label>
</ActionBar>
<StackLayout horizontalAlignment="center">
<ScrollView>
<StackLayout>
<StackLayout horizontalAlignment="center">
<Label text="Pages w/ ActionBar"></Label>
<Button text="Grid 3x3 Nested HWrap" tap="onNavigate" route="wraplayout/action-bar/grid-3x3-nested-hwrap-page"></Button>
<Button text="Grid 3x3 Nested VWrap" tap="onNavigate" route="wraplayout/action-bar/grid-3x3-nested-vwrap-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 Nested HWrap" tap="onNavigate" route="wraplayout/action-bar/vwrap-nested-hwrap-page"></Button>
<Button text="VWrap Nested VWrap" tap="onNavigate" route="wraplayout/action-bar/vwrap-nested-vwrap-page"></Button> -->
</StackLayout>
<StackLayout horizontalAlignment="center">
<Label text="Pages w/o ActionBar"></Label>
<Button text="Grid 3x3 Nested HWrap" tap="onNavigate" route="wraplayout/no-action-bar/grid-3x3-nested-hwrap-page"></Button>
<Button text="Grid 3x3 Nested VWrap" tap="onNavigate" route="wraplayout/no-action-bar/grid-3x3-nested-vwrap-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 Nested HWrap" tap="onNavigate" route="wraplayout/no-action-bar/vwrap-nested-hwrap-page"></Button>
<Button text="VWrap Nested VWrap" tap="onNavigate" route="wraplayout/no-action-bar/vwrap-nested-vwrap-page"></Button> -->
</StackLayout>
<StackLayout horizontalAlignment="center">
<Label text="Docs Pages"></Label>
@@ -29,5 +26,5 @@
<Button text="VWrap" tap="onNavigate" route="wraplayout/docs/vwrap-page"></Button>
</StackLayout>
</StackLayout>
</ScrollView>
</Page>