NativeScript/apps/app/modaltest/modal-tab.ts

import { View, EventData } from "tns-core-modules/ui/core/view";

const colors = ['red', 'orange', 'magenta'];
let x = 0;

export function onLoaded(args) {
    // args.object.backgroundColor = colors[++x % 3];
}

export function onLiveSync() {
    global.__onLiveSyncCore();
}

export function pageLoaded(args: EventData) {
    const view = args.object as View;
    const page = view.page;
    console.log("Page loaded: " + page + ", isLoaded: " + page.isLoaded);
    console.log("Frame: " + page.frame + ", currentPage: " + page.frame.currentPage);
}

export function onTap(args) {
    const view = args.object as View;
    const page = view.page;
    let context = page.bindingContext || 0;
    page.frame.navigate({ moduleName: "modaltest/page.2", bindingContext: ++context, transition: { name: "fade", duration: 1000 } });
}

export function tenGoBacks(args) {
    const view = args.object as View;
    const page = view.page;
    const frame = page.frame;
    
    let context = page.bindingContext || 0;
    let x = 4;
    while (x--) {
        frame.navigate({ moduleName: "modaltest/page.2", bindingContext: ++context, transition: { name: "fade", duration: 1000 } });
    }

    x = 4;
    while (x--) {
        frame.goBack();
    }
}

export function closeModal(args: EventData) {
    (args.object as View).closeModal()
}

export function navigateToFrame(args: EventData) {
    const view = args.object as View;
    const page = view.page;
    const frame = page.frame;
    frame.navigate("modaltest/modal-frame");
}

export function navigateToPageWithFrame(args: EventData) {
    const view = args.object as View;
    const page = view.page;
    const frame = page.frame;
    frame.navigate("modaltest/modal-frame.1");
}

export function onModalFrame(args: EventData) {
    const view = args.object as View;
    view.showModal("modaltest/modal-frame", "some context", undefined, false);
}