Ionic not fullscreen on iPhone 5/5s


#1

i use ionic-angular-cordova-seed on github to start my work, and all is fine on android platform and iphone 4s with iOS 7.1.3. However, in iPhone 5/5s with iOS 7.1.1 and 6.1.1 respectively, the view is in the middle of the screen, leave the top and buttom of the screen blank (in black color, height is about the same as a header, see the snapshot bellow), and strange thing is that the statusbar also falls with the view, anyone has come into this situation, help me please?


Not fullscreen on iPhone 5
#2

anyone have the same problem?


#3

Hmm what version of cordova are you using?


#4

3.5.0 and 3.4.0 and 3.3.0 all used


#5

very strange!

are you having <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" /> inside your index.html?

on stackoverflow i found this:




not sure why it does work with splashscreen…


App not fullscreen, tab-bar be cutoff in iphone
#6

yes, and here is my github sources:
https://github.com/alexgzhou/forbuild.git


#7

could you try using

<gap:splash src="<folder>/Default-568h@2x.png" gap:platform="ios" width="640" height="1136" />

and rename the splashscreen to Default-568h@2x.png?


App not full screen on iPhone 5S
#8

OK, I will give it a shot and report the result, thank you very much!!!


#9

That’s it, auro, you are so brilliant and kind, saved me!!! And thanks all for the help!


#10

@Auro Thanks for stepping in here, glad you were able to find the solution.

@alexgzhou glad to hear you have the issue resolved!

Good work all you :smile: