title: How do I remove the action bar from the app?
body: <p>I'm trying to remove the action bar from the app that I'm developing in NativeScript, I remove all the code that was related to the action bar (html and css code) but it continues appearing on the app. </p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;ScrollView&gt;
      &lt;StackLayout class="page p-t-15"&gt;
  
              &lt;Image src="~/app/img/logo.png" &gt;&lt;/Image&gt;
              &lt;Label class="m-t-10 text-center" text="Login" label.Alignment = "top";&gt;&lt;/Label&gt;
  
          &lt;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"&gt;&lt;/TextField&gt;
  
          &lt;TextField class="m-t-10 m-b-10 m-l-15 m-r-15" hint="Password" secure="true" autocorrect="false" autocapitalization="none"
              [(ngModel)]="password"&gt;&lt;/TextField&gt;
  
          &lt;Button class="btn btn-primary" text="SIGN IN" (tap)="onSigninButtonTap()"&gt;&lt;/Button&gt;
  
          &lt;Label class="m-t-10 text-center" text="______ or ______"&gt;&lt;/Label&gt;
  
          &lt;Button class="btn btn-outline" (tap)="onLoginWithSocialProviderButtonTap()" text="Log in with Social Provider"&gt;&lt;/Button&gt;
  
          &lt;Label class="m-t-10 m-b-10 m-l-15 m-r-15" text="Forgot password?" (tap)="onForgotPasswordTap()"&gt;&lt;/Label&gt;
  
          &lt;Label class="m-t-10 m-b-10 m-l-15 m-r-15" text="Não tem conta?" (tap)="onNaoTemContaTap()"&gt;&lt;/Label&gt;
          &lt;Button class="btn btn-primary" text="Sign UP" [nsRouterLink]="['/browse']" pageTransition="slide" clearHistory="true"&gt;&lt;/Button&gt;
      &lt;/StackLayout&gt;
  &lt;/ScrollView&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>    StackLayout {
      height: 100%;
      width: 100%;
      background-image: linear-gradient(#000000,#439B9B , #000000); 
  }
  </code></pre>