NativeScript/e2e/modal-navigation/app/home/home-page.ts

import * as application from "tns-core-modules/application";
import { StackLayout } from "tns-core-modules/ui/layouts/stack-layout";
import { NavigatedData, Page } from "tns-core-modules/ui/page";
import { View, EventData } from "tns-core-modules/ui/core/view";
import { Frame } from "tns-core-modules/ui/frame";

export function onNavigatingTo(args: NavigatedData) {
    const page = <StackLayout>args.object;
    console.log("home-page onNavigatingTo");
}

export function onNavigatingFrom(args: NavigatedData) {
    console.log("home-page onNavigatingFrom");
}

export function onNavigatedTo(args: NavigatedData) {
    console.log("home-page onNavigatedTo");
}

export function onNavigatedFrom(args: NavigatedData) {
    console.log("home-page onNavigatedFrom");
}

export function onModalFrame(args: EventData) {
    const view = args.object as View;

    const frame = new Frame();
    frame.navigate("modal/modal-page");

    view.showModal(frame,
        "context",
        () => console.log("home-page modal frame closed"),
        false);
}

export function onModalPage(args: EventData) {
    const view = args.object as View;
    view.showModal("modal/modal-page",
        { frameless: true },
        () => console.log("home-page modal page closed"),
        false);
}

export function onModalTabView(args: EventData) {
    const view = args.object as View;
    view.showModal("modal-tab/modal-tab-root",
        { frameless: true },
        () => console.log("home-page modal tabview closed"),
        false);
}

export function onNavigate(args: EventData) {
    const view = args.object as View;
    const page = view.page as Page;
    page.frame.navigate("second/second-page");
}

export function onRootViewChange() {
    let rootView = application.getRootView();
    rootView instanceof Frame ? application._resetRootView({moduleName: "tab-root"}) : application._resetRootView({moduleName: "app-root"});
}