<img alt="" src="https://secure.hims1nice.com/151009.png" style="display:none;">

How to Hide the iOS status bar in a NativeScript app

Before hiding the iOS status bar.

                                     

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)

How to hide the status bar in an iOS app.



 

 

 When the app reloads, the status bar is hidden:

After hiding the iOS status bar.

 


Turn ideas into reality with IoTYou may also be interested in my blog post:

"Making Ideas Become Reality with IoT"

&

Check out our latest book

"NativeScript in Action"
NativeScript in Action: authored by the Brosteins

 

 

 

 

 

 

Posted by Mike Branstein

Developer and leader. Passionate about systems architecture, domain driven design, application lifecycle management, and technology.

Website

Topics: Mobile App Development