I am getting a problem in my ionic project.
I have seen it been mentioned before, but none of the solutions have worked including making it fullscreen etc. because I want to keep the statusbar onscreen. Can this actually be achieved?
@nickmcblain, it is an iOS-post7 issue. I fixed this by putting a blank spacer above my header, but that is not a great solution because as you scroll the header slides under the iOS system bar. I still have to fix my demos, but that issue is there. If you want, try the SplashScreen Demo (github) to see how I fixed this.
The issue is that post-7 the system bar is now transparent. Sorry, I don't have a clean fix for you. Here is the link that reported the problem.
There is a fix. You have to use ionic.Platform.fullScreen(true, true); in your $ionicPlatform.ready function. And Add
<preference name="StatusBarOverlaysWebView" value="false"/> in your config.xml file.
Lastly Make sure that your index.html file has this meta tag
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">