web-dev-qa-db-fra.com

Nativescript Android supprimer la barre d'action

J'essaie de développer une application Android à l'aide de Nativescript et d'essayer de supprimer Action Bar (barre supérieure avec le titre "testns"), mais je ne sais pas comment . J'utilise le code ci-dessous mais ne fonctionne pas. Utilise actuellement tns v.1.3.0

var frameModule = require("ui/frame"); exports.pageLoaded = function(){ var topmost = frameModule.topmost(); topmost.Android.showActionBar = false; };

 Screenshot of the app

androidnativescript
14
Dilar

Vous pouvez contrôler explicitement la visibilité du ActionBar en définissant la propriété actionBarHidden de la Page , regardez ceci:

import {Page} from "ui/page";

export class AppComponent {
    constructor(page: Page) {
        page.actionBarHidden = true;
    }
}

45
Diego Melo

Enfin, je trouve la réponse pour supprimer la barre d’action. En ajoutant actionBarHidden = "true" à l'intérieur de la balise Page dans un fichier XML: 

<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded" actionBarHidden="true">
</Page>
32
Dilar

Il s'agit du code permettant de masquer la barre d'action dans votre composant TypeScript NativeScript Angular.

import { Component, OnInit } from "@angular/core";
import { Page } from "tns-core-modules/ui/page";

export class AppComponent implements OnInit {

    constructor(private page: Page) {
    }

    ngOnInit(): void {
        this.page.actionBarHidden = true;
    }
}
7
Bienvenido David

Il y a deux façons d'y parvenir:

  1. Balisage XML: ajoutez simplement 'actionBarHidden = "true"' à votre balisage de page . I.e<Page loaded="pageLoaded" actionBarHidden="true"> </Page>
  2. À travers js/ts: action bascule barre de visibilité
1
Chromonav

ActionBar {
  height: 0;
}
<ActionBar [title]="appTitle">
</ActionBar>

0
Alexis Tamariz