PDA

View Full Version : Splash Screen



r4nd7263
23 Aug 2011, 7:01 AM
I built a iPhone app using ST and PhoneGap. After native splash screen goes away, it shows blank screen for a sec before ST app renders. I figure it due to delay in initializing javascript. So I add a background image to index.html - same image as the native splash screen.



<html>
<header>
...
<style>
.bg {
background: url(bg.png) center;
}
</style>
</header>
<body class="bg">
</body>
</html>


But when ST initializes the app, it seems to double the body height for a sec before rendering the components, so it looks like the background image is jumping up and down, appear worse than white screen.

How do I fix this? Is there an example on proper splashscreen implementation?

r4nd7263
23 Aug 2011, 7:46 AM
The solution here http://www.sencha.com/forum/showthread.php?112300-Killing-white-screen-after-splash-screen-load/page3 works for iPhone.

But doubling of page body height is still a problem when deployed to Web. On Chrome, it looks like a flash of scrollbar. On Mobile-Safari, the page is scrolled to the bottom, revealing a flash of white.