<img alt="" src="https://secure.hims1nice.com/151009.png" style="display:none;">
" style="background-color: #2c3e50;">


How to Hide the iOS status bar in a NativeScript app

Posted by Mike Branstein on Aug 4, 2017 9:23:10 AM
Mike Branstein
Find me on:
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.

Topics: Mobile App Development