KiZAN Blog

How to Hide the iOS status bar in a NativeScript app

Written by Mike Branstein | Aug 4, 2017 1:23:10 PM

                                     

I’ve been working on an app to monitor the weather at a farm recently, and I wanted to hide the iOS status bar because it looks like it’s in the way. 

This is a quick tip that I always have to lookup, so I decided to put it here so I’d always know where to look.

To hide the iOS status bar in a NativeScript app, add the UIStatusBarHidden and UIViewControllerBasedStatusBarAppearance key/value pairs to the Info.plist file. Set UIStatusBarHidden to true, and UIViewControllerBasedStatusBarAppearance to false: (see image below)



 

 

 When the app reloads, the status bar is hidden:

 

You may also be interested in my blog post:

"Making Ideas Become Reality with IoT"

&

Check out our latest book

"NativeScript in Action"