action-bar-visibility-never.component.ts

import { Component, OnInit } from "@angular/core";
import { RouterExtensions } from "nativescript-angular/router";
import { ActivatedRoute } from "@angular/router";

@Component({
  template: `
    <ActionBar title="Action Bar Visibility Never">
    </ActionBar>
    
    <GridLayout rows="200, *" backgroundColor="salmon">
        <GridLayout row="1">
            <page-router-outlet name="nested" actionBarVisibility="never"></page-router-outlet>
        </GridLayout>
    </GridLayout>
  `
})
export class ActionBarVisibilityNeverComponent implements OnInit {
  constructor(
    private routerExtension: RouterExtensions,
    private activeRoute: ActivatedRoute) {
  }

  ngOnInit(): void {
    this.routerExtension.navigate([{ outlets: { nested: ["nested"] } }], { relativeTo: this.activeRoute });
  }
}