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

test(safe-area): add navigation scroll view example

Browse Source
This commit is contained in:
Vasil Chimev
2018-07-27 15:15:52 +03:00
committed by Martin Yankov
parent 0a0e0f0034
commit a1d240786f
4 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,5 +10,6 @@
<Button text="ScrollView Examples" tap="onNavigate" route="scrollview/scrollview-page"></Button>
<Button text="ListView Examples" tap="onNavigate" route="listview/listview-page" />
<Button text="WrapLayout Examples" tap="onNavigate" route="wraplayout/wraplayout-page"></Button>
<Button text="Navigation" tap="onNavigate" route="wraplayout/no-action-bar/hwrap-nav-page"></Button>
</StackLayout>
</Page>

12
e2e/safe-area/app/scrollview/action-bar/vscroll-hwrap-nav-page.xml Normal file
View File

@@ -0,0 +1,12 @@
<Page class="page"
xmlns="http://schemas.nativescript.org/tns.xsd">
<ScrollView orientation="vertical">
<WrapLayout orientation="horizontal">
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet" backgroundColor="green"></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>
<Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
</WrapLayout>
</ScrollView>
</Page>

10
e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nav-page.ts Normal file
View File

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

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

@@ -0,0 +1,10 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:fragments="wraplayout/fragments" actionBarHidden="true">
<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"
backgroundColor="Green" tap="onNavigate" route="scrollview/action-bar/vscroll-hwrap-nav-page"></Button>
<Button text="H" backgroundColor="Pink"></Button>
</WrapLayout>
</Page>