Как удалить панель действий из приложения? - PullRequest
Новая
       7

Как удалить панель действий из приложения?

0 голосов
/ 24 января 2019

Я пытаюсь удалить панель действий из приложения, которое я разрабатываю на NativeScript, я удаляю весь код, связанный с панелью действий (html и css код), но он продолжает появляться в приложении.

HTML: 

<ScrollView>
    <StackLayout class="page p-t-15">

            <Image src="~/app/img/logo.png" ></Image>
            <Label class="m-t-10 text-center" text="Login" label.Alignment = "top";></Label>

        <TextField class="m-t-10 m-b-10 m-l-15 m-r-15" hint="Email Address" keyboardType="email" autocorrect="false" autocapitalization="none"
            [(ngModel)]="email"></TextField>

        <TextField class="m-t-10 m-b-10 m-l-15 m-r-15" hint="Password" secure="true" autocorrect="false" autocapitalization="none"
            [(ngModel)]="password"></TextField>

        <Button class="btn btn-primary" text="SIGN IN" (tap)="onSigninButtonTap()"></Button>

        <Label class="m-t-10 text-center" text="______ or ______"></Label>

        <Button class="btn btn-outline" (tap)="onLoginWithSocialProviderButtonTap()" text="Log in with Social Provider"></Button>

        <Label class="m-t-10 m-b-10 m-l-15 m-r-15" text="Forgot password?" (tap)="onForgotPasswordTap()"></Label>

        <Label class="m-t-10 m-b-10 m-l-15 m-r-15" text="Não tem conta?" (tap)="onNaoTemContaTap()"></Label>
        <Button class="btn btn-primary" text="Sign UP" [nsRouterLink]="['/browse']" pageTransition="slide" clearHistory="true"></Button>
    </StackLayout>
</ScrollView>

CSS: 

    StackLayout {
    height: 100%;
    width: 100%;
    background-image: linear-gradient(#000000,#439B9B , #000000); 
}

Ответы [ 3 ]

0 голосов
/ 24 января 2019

С NativeScript 5.0 у вас есть новое свойство actionBarVisibility для компонента Frame.Вы можете установить его на never, и вы никогда не увидите ActionBar на страницах, по которым осуществляется навигация в Frame.Это устраняет необходимость скрывать ActionBar вручную на каждой странице.

То же свойство предоставляется для компонента page-router-outlet в Angular.

0 голосов
/ 25 января 2019

Настройка actionBarVisibility на странице-роутере-розетке работает как брелок.Спасибо, Мартин!

0 голосов
/ 24 января 2019

На страницах, на которых вы хотите удалить панель действий, добавьте import { Page } from "tns-core-modules/ui/page";, затем добавьте private page: Page внутри вашего конструктора. Это тогда позволяет вам сделать this.page.actionBarHidden = true;.

Примерно так: 

import { Page } from "tns-core-modules/ui/page";
...
export class ... {
    constructor(private page: Page) {
        this.page.actionBarHidden = true;
    }
    ...
}

Примечание: этот код работает только в nativescript и angular, идея применима к vanilla nativescript, но код другой

...