I'm building an application for iPad with Phonegap and Framework7 and I can't seem to get the status bar to be hidden on the iPad no matter what I do.
I've tried to google out a few tutorials, including the following questions:
- How to remove iOS status bar with Phonegap Build?
- How to completely hide the status bar in iOS using Cordova?
- Cordova/Phonegap ignores fullscreen preference in config.xml on iOS
I've tried the solutions provided in all the answers of the questions above and my status bar is still there.
I've opened the project with xCode and I can see that the settings are configured fine:
For the iPhone settings in deployment info:
- Status Bar Style: Default
- Hide status bar (checked)
- Requires full screen (checked)
For the iPad settings in deployment info:
- Hide during application launch (checked)
- Requires full screen (checked)
In the Info > Custom iOS Target Properties, I have set the following:
- View controller-based status bar appearance: NO
I've also tried to use the JavaScript way when the deviceready event has been fired:
StatusBar.hide();
Update
When I run:
StatusBar.isVisible
The property returns false, however I still see the white bar at the top.