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

How to Hide the iOS status bar in a NativeScript app

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 ...

Mike Branstein
Posted by Mike Branstein
How to Hide the iOS status bar in a NativeScript app
image-3

In today's fast-paced business landscape, staying ahead of the competition requires efficient and effective solutions. According to Microsoft’s Work Trend Index, nearly 70% of employee report that they don’t have sufficient time in the day to focus on “work”, with more time being spent Communicating than Creating.

Microsoft 365 Copilot is designed, with Microsoft’s cloud trust platform at its core, to allow for employees to both be more productive, reduce the time spent searching for information, performing mundane tasks, and other low-value activities.

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