title: iPhone 5 splashscreen not displaying correctly - Phonegap
body: <p>I'm updating my PhoneGap iOS-app to make it compatible with the iPhone 5.</p>
  
  <p>I'm manually hiding the splash screen after my app has initialized.</p>
  
  <p>When simulating iPhone 5: When the app starts it displays the correct splash screen (Default-568h@2x.png) (hereon "the 5") but quickly hides it and instead displays the iPhone 4 splash screen (hereon "the 4"). The 4 doesn't cover the whole app, thus showing top and bottom bars of the app initializing.</p>
  
  <p>I'm not entirely sure how it works but I can think of two possible scenarios:
  1) Both images are displayed simultaneously but for some reason the 5 auto hides while the 4 waits for the call from the app to hide.
  2) At some point when disabling manually hiding the splash screen phonegap switches out the "true" splashscreen for a "fake" one that is displayed until the javascript call from the app and phonegap just might not display correct one after this switcheroo.</p>
  
  <p>Has anyone else encountered and / or solved this?</p>
  
  <p>UPDATE:
  Tried removing and adding all splash images again but to no avail. I tried removing the smaller images (the 4 and its non-retina version) but even without the smaller ones present anywhere in the project I get the same error!</p>
  
  <p>UPDATE 2:
  Cordova 2.2.0 has now been released, thus fixing this issue according to: <a href="http://shazronatadobe.wordpress.com/2012/10/27/whats-new-in-cordova-ios-2-2-0/">http://shazronatadobe.wordpress.com/2012/10/27/whats-new-in-cordova-ios-2-2-0/</a></p>
  
  <p>So, the recommended solution would therefore be to update your app to use Cordova 2.2.0, if that is for some reason not possible, solutions are provided below.</p>