html5 - Sencha touch splash screen issue -

i'm working sencha touch application.

in starting of application there 3 parts,
1.splash screen of iphone
2.white screen (that comes body tag of index.html)
3.application first page

now, have issue splash screen , white screen.
want remove white screen,display 1 single splash screen application first page.

also, there slight white blink between splash screen , white screen.

is there solution 2 issues ?

i have tried different solution follow,
1. there solution remove iphone splash screen ? then, instead of white screen displayed splash screen of application.
2. or remove white screen , display directly application first page after splash screen.

any appreciated.
in advance.

phonegap allows delay hiding of "native" splash screen moment application ready show something.

check docs on splashscreen:

for ios:

the config.xml file's autohidesplashscreen setting must false. delay hiding splash screen 2 seconds, add timer such following in deviceready event handler:

settimeout(function() {     navigator.splashscreen.hide(); }, 2000); 

if using phonegap not option, can still style index.html background image make same splash screen (or close). out 2 things:

1. there gap between native splashscreen , index.html due statusbar: native splashscreen height webview height + statusbar height

2. you have handle styling of index.html taking account orientation changes