Приложение NativeScript + Angular без использования эмулятора

Я хотел спросить, есть ли у кого-нибудь еще эта проблема, с которой я столкнулся прямо сейчас. При запуске моего приложения на NativeScript Playground или на моем собственном телефоне Панель действий не скрывается, даже если я использую строку hideActionBar. Я не знаю, происходит ли это, потому что я использую андроид, но вот скриншоты того, чего я хочу достичь и что получаю прямо сейчас. 1. изображение2. изображение

HTML

<Page xmlns = "http://www.nativescript.org/tns.xsd" actionBarHidden = "true" class = "welcome">
    <GridLayout class = "firstLayout" columns = "*" rows = "*, *, *" backgroundColor = "green">

        <GridLayout row = "0" columns = "*" rows = "60pt,auto, auto">
            <Image src = "~/images/logo-icon.png" class = "logo" row = "1" width = "65pt"></Image>
            <Label text = "JOURNEY" class = "text1" row = "2" horizontalAlignment = "center" verticalAlignment = "middle"></Label>
        </GridLayout>

        <GridLayout row = "1" columns = "*" rows = "auto, auto" verticalAlignment = "center">
            <Label text = "This app is designed for your. Journey will be" class = "text2" row = "0"></Label >
            <Label text = "your guide." class = "text3" row = "1" ></Label >
        </GridLayout>

        <GridLayout row = "2"  columns = "*" rows = "auto, auto, auto" verticalAlignment = "bottom">
            <Button text = "visitor login" class = "buttonVL btn-active" id = "button" (tap) = "onButtonTapA()" row = "0"></Button>
            <Label text = "already a member?" class = "text4" row = "1"></Label >
            <Button text = "login" class = "buttonL" (tap) = "onButtonTapB()" row = "2" ></Button>
        </GridLayout>

    </GridLayout>
</Page>

CSS

.welcome {
    background-size: cover;
    background: url("~/images/login-background.png");
}

.home-panel{
    vertical-align: center; 
    font-size: 20;
    margin: 15;
}

.description-label{
    margin-bottom: 15;
}
.firstLayout{
    background-size: cover;
    background: url("~/images/login-background.png");
}
.text1 {    
    color: #FFFFFF; 
    font-family: Avenir;    
    font-size: 12px;        
    text-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
    margin: 10pt 0 0 0;
}
.text2 {    
    opacity: 0.8;   
    color: #FFFFFF; 
    font-family: Avenir;    
    font-size: 12px;    
    text-align: center; 
    text-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
    margin: 0 0 25px 0;
}
.text3{
    opacity: 0.8;   
    color: #FFFFFF; 
    font-family: Avenir;    
    font-size: 12px;    
    text-align: center; 
    text-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
    margin: 0 0 0 0;
}
.text4 {
    opacity: 0.6;   
    color: #FFFFFF; 
    font-family: Avenir;    
    font-size: 14px;
    text-align: center;
    margin: 20pt 0 10pt 0 ;
}

Button {
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.buttonVL {
    margin: 0 30pt 0px 30pt;
    background-color: #5E50E4;
    color:#FFFFFF;
    height: 40pt;
}
.buttonVL:active{
    transform: scale(1.05);
}
.buttonL {
    margin: 0 30pt 30pt 30pt;
    background-color: #FFFFFF;
    height: 40pt;
}
.buttonL:active{
    transform: scale(1.05);
}