test(safe-area): add tab-view examples

e2e/safe-area/app/home/home-page.xml

@@ -10,6 +10,7 @@
             <Button text="GridLayout Examples" tap="onNavigate" route="gridlayout/gridlayout-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="TabView Examples" tap="onNavigate" route="tabview/tabview-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>

e2e/safe-area/app/scrollview/scrollview-page.xml

@@ -12,8 +12,8 @@
                 <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="HScroll VWrap" tap="onNavigate" route="scrollview/action-bar/hscroll-vwrap-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" />

e2e/safe-area/app/stacklayout/stacklayout-page.ts

@@ -5,4 +5,4 @@ export function onNavigate(args: EventData) {
     const route = view["route"];
 
     view.page.frame.navigate(route);
-}
+}

e2e/safe-area/app/tabview/action-bar/tabview-component-page.xml

@@ -0,0 +1,17 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="component/fragments">
+
+    <ActionBar>
+        <Label text="Action Bar"></Label>
+    </ActionBar>
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:label-fragment></fragments:label-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:label-fragment></fragments:label-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/action-bar/tabview-grid-3x3-nested-grid-page.xml

@@ -0,0 +1,17 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="gridlayout/fragments">
+
+    <ActionBar>
+        <Label text="Action Bar"></Label>
+    </ActionBar>
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:grid-3x3-nested-grid-fragment></fragments:grid-3x3-nested-grid-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:grid-3x3-nested-grid-fragment></fragments:grid-3x3-nested-grid-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

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

@@ -0,0 +1,17 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="listview/fragments">
+
+    <ActionBar>
+        <Label text="Action Bar"></Label>
+    </ActionBar>
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:grid-3x3-nested-listview-fragment></fragments:grid-3x3-nested-listview-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:grid-3x3-nested-listview-fragment></fragments:grid-3x3-nested-listview-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/action-bar/tabview-hscroll-hstack-page.xml

@@ -0,0 +1,17 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="scrollview/fragments">
+
+    <ActionBar>
+        <Label text="Action Bar"></Label>
+    </ActionBar>
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:hscroll-hstack-fragment></fragments:hscroll-hstack-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:hscroll-hstack-fragment></fragments:hscroll-hstack-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/action-bar/tabview-hstack-page.xml

@@ -0,0 +1,17 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="stacklayout/fragments">
+
+    <ActionBar>
+        <Label text="Action Bar"></Label>
+    </ActionBar>
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:hstack-fragment></fragments:hstack-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:hstack-fragment></fragments:hstack-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/action-bar/tabview-listview-page.xml

@@ -0,0 +1,17 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="listview/fragments">
+
+    <ActionBar>
+        <Label text="Action Bar"></Label>
+    </ActionBar>
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:listview-fragment></fragments:listview-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:listview-fragment></fragments:listview-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/action-bar/tabview-vscroll-vstack-page.xml

@@ -0,0 +1,17 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="scrollview/fragments">
+
+    <ActionBar>
+        <Label text="Action Bar"></Label>
+    </ActionBar>
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:vscroll-vstack-fragment></fragments:vscroll-vstack-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:vscroll-vstack-fragment></fragments:vscroll-vstack-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/action-bar/tabview-vstack-page.xml

@@ -0,0 +1,17 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="stacklayout/fragments">
+
+    <ActionBar>
+        <Label text="Action Bar"></Label>
+    </ActionBar>
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:vstack-fragment></fragments:vstack-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:vstack-fragment></fragments:vstack-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/no-action-bar/tabview-component-page.xml

@@ -0,0 +1,14 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="component/fragments"
+    actionBarHidden="true">
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:label-fragment></fragments:label-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:label-fragment></fragments:label-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/no-action-bar/tabview-grid-3x3-nested-grid-page.xml

@@ -0,0 +1,14 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="listview/fragments"
+    actionBarHidden="true">
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:grid-3x3-nested-grid-fragment></fragments:grid-3x3-nested-grid-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:grid-3x3-nested-grid-fragment></fragments:grid-3x3-nested-grid-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/no-action-bar/tabview-grid-3x3-nested-listview-page.xml

@@ -0,0 +1,14 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="listview/fragments"
+    actionBarHidden="true">
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:grid-3x3-nested-listview-fragment></fragments:grid-3x3-nested-listview-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:grid-3x3-nested-listview-fragment></fragments:grid-3x3-nested-listview-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/no-action-bar/tabview-hscroll-hstack-page.xml

@@ -0,0 +1,14 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="stacklayout/fragments"
+    actionBarHidden="true">
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:hscroll-hstack-fragment></fragments:hscroll-hstack-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:hscroll-hstack-fragment></fragments:hscroll-hstack-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/no-action-bar/tabview-hstack-page.xml

@@ -0,0 +1,14 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="stacklayout/fragments"
+    actionBarHidden="true">
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:hstack-fragment></fragments:hstack-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:hstack-fragment></fragments:hstack-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/no-action-bar/tabview-listview-page.xml

@@ -0,0 +1,14 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="listview/fragments"
+    actionBarHidden="true">
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:listview-fragment></fragments:listview-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:listview-fragment></fragments:listview-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/no-action-bar/tabview-vscroll-vstack-page.xml

@@ -0,0 +1,14 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="stacklayout/fragments"
+    actionBarHidden="true">
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:vscroll-vstack-fragment></fragments:vscroll-vstack-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:vscroll-vstack-fragment></fragments:vscroll-vstack-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/no-action-bar/tabview-vstack-page.xml

@@ -0,0 +1,14 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="stacklayout/fragments"
+    actionBarHidden="true">
+
+	<TabView>
+        <TabViewItem title="Home" iconSource="res://home">
+            <fragments:vstack-fragment></fragments:vstack-fragment>
+        </TabViewItem>
+        <TabViewItem title="Search" iconSource="res://search">
+            <fragments:vstack-fragment></fragments:vstack-fragment>
+        </TabViewItem>
+    </TabView>
+
+</Page>

e2e/safe-area/app/tabview/tabview-page.ts

@@ -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);
+}

e2e/safe-area/app/tabview/tabview-page.xml

@@ -0,0 +1,34 @@
+<Page class="page" xmlns="http://schemas.nativescript.org/tns.xsd">
+
+    <ActionBar>
+        <Label text="TabView Examples"></Label>
+    </ActionBar>
+
+    <ScrollView>
+        <StackLayout horizontalAlignment="center">
+            <StackLayout>
+                <Label text="Pages w/ ActionBar"></Label>
+                <Button text="Label Component" tap="onNavigate" route="tabview/action-bar/tabview-component-page" />
+                <Button text="Grid 3x3 Nested Grid" tap="onNavigate" route="tabview/action-bar/tabview-grid-3x3-nested-grid-page" />
+                <Button text="Grid 3x3 Nested ListView" tap="onNavigate" route="tabview/action-bar/tabview-grid-3x3-nested-listview-page" />
+                <Button text="HScroll HStack" tap="onNavigate" route="tabview/action-bar/tabview-hscroll-hstack-page" />
+                <Button text="HStack" tap="onNavigate" route="tabview/action-bar/tabview-hstack-page" />
+                <Button text="ListView" tap="onNavigate" route="tabview/action-bar/tabview-listview-page" />
+                <Button text="VScroll VStack" tap="onNavigate" route="tabview/action-bar/tabview-vscroll-vstack-page" />
+                <Button text="VStack" tap="onNavigate" route="tabview/action-bar/tabview-vstack-page" />
+            </StackLayout>
+            <StackLayout>
+                <Label text="Pages w/o ActionBar"></Label>
+                <Button text="Label Component" tap="onNavigate" route="tabview/no-action-bar/tabview-component-page" />
+                <Button text="Grid 3x3 Nested Grid" tap="onNavigate" route="tabview/no-action-bar/tabview-grid-3x3-nested-grid-page" />
+                <Button text="Grid 3x3 Nested ListView" tap="onNavigate" route="tabview/no-action-bar/tabview-grid-3x3-nested-listview-page" />
+                <Button text="HScroll HStack" tap="onNavigate" route="tabview/no-action-bar/tabview-hscroll-hstack-page" />
+                <Button text="HStack" tap="onNavigate" route="tabview/no-action-bar/tabview-hstack-page" />
+                <Button text="ListView" tap="onNavigate" route="tabview/no-action-bar/tabview-listview-page" />
+                <Button text="VScroll VStack" tap="onNavigate" route="tabview/no-action-bar/tabview-vscroll-vstack-page" />
+                <Button text="VStack" tap="onNavigate" route="tabview/no-action-bar/tabview-vstack-page" />
+            </StackLayout>
+        </StackLayout>
+    </ScrollView>
+
+</Page>