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

chore: refactor modaltest (#8724)

Browse Source
This commit is contained in:
tarunama
2020-07-23 05:53:35 +09:00
committed by GitHub
parent fc37b958fe
commit 02dd5ac965
3 changed files with 41 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/app/modaltest/main-page.ts
View File

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

27
apps/app/modaltest/modal-tab.ts
View File

@@ -1,4 +1,7 @@
import { View, EventData } from "tns-core-modules/ui/core/view"; import {
View,
EventData
} from "tns-core-modules/ui/core/view";
const colors = ["red", "orange", "magenta"]; const colors = ["red", "orange", "magenta"];
let x = 0; let x = 0;
@@ -14,15 +17,22 @@ export function onLiveSync() {
export function pageLoaded(args: EventData) { export function pageLoaded(args: EventData) {
const view = args.object as View; const view = args.object as View;
const page = view.page; const page = view.page;
console.log("Page loaded: " + page + ", isLoaded: " + page.isLoaded); console.log(`Page loaded: ${page}, isLoaded: ${page.isLoaded}`);
console.log("Frame: " + page.frame + ", currentPage: " + page.frame.currentPage); console.log(`Frame: ${page.frame}, currentPage: ${page.frame.currentPage}`);
} }
export function onTap(args) { export function onTap(args) {
const view = args.object as View; const view = args.object as View;
const page = view.page; const page = view.page;
let context = page.bindingContext || 0; let context = page.bindingContext || 0;
page.frame.navigate({ moduleName: "modaltest/page.2", bindingContext: ++context, transition: { name: "fade", duration: 1000 } }); page.frame.navigate({
moduleName: "modaltest/page.2",
bindingContext: ++context,
transition: {
name: "fade",
duration: 1000
}
});
} }
export function tenGoBacks(args) { export function tenGoBacks(args) {
@@ -33,7 +43,14 @@ export function tenGoBacks(args) {
let context = page.bindingContext || 0; let context = page.bindingContext || 0;
let x = 4; let x = 4;
while (x--) { while (x--) {
frame.navigate({ moduleName: "modaltest/page.2", bindingContext: ++context, transition: { name: "fade", duration: 1000 } }); frame.navigate({
moduleName: "modaltest/page.2",
bindingContext: ++context,
transition: {
name: "fade",
duration: 1000
}
});
} }
x = 4; x = 4;

17
apps/app/modaltest/page.2.ts
View File

@@ -1,4 +1,8 @@
import { View, EventData, ShownModallyData } from "tns-core-modules/ui/core/view"; import {
View,
EventData,
ShownModallyData
} from "tns-core-modules/ui/core/view";
var x = 0; var x = 0;
@@ -17,7 +21,14 @@ export function onTap(args: EventData) {
const view = args.object as View; const view = args.object as View;
const page = view.page; const page = view.page;
let context = page.bindingContext || 0; let context = page.bindingContext || 0;
page.frame.navigate({ moduleName: "modaltest/page.2", bindingContext: ++context, transition: { name: "fade", duration: 1000 } }); page.frame.navigate({
moduleName: "modaltest/page.2",
bindingContext: ++context,
transition: {
name: "fade",
duration: 1000
}
});
} }
export function onBack(args: EventData) { export function onBack(args: EventData) {
@@ -33,7 +44,7 @@ export function closeModal(args: EventData) {
let modalContext = 0; let modalContext = 0;
export function showModal(args: EventData) { export function showModal(args: EventData) {
(args.object as View).showModal("modaltest/page.2", ++modalContext, function () { (args.object as View).showModal("modaltest/page.2", ++modalContext, function () {
console.log("Closed Modal: " + (args.object as View).bindingContext); console.log(`Closed Modal: ${(args.object as View).bindingContext}`);
}); });
} }