title: white screen between splash screen and startup screen index.html sencha touch after app build package
body: <p>I build my app package,everything seems to be working fine but it is showing white screen for 2 secs on the device after splash screen. I saw lot of questions on this issue but didnt find apt solution where my app is going wrong. I am using phone gap.Please help me</p>
  
  <p>Here is my index.html</p>
  
  <pre><code> &lt;!DOCTYPE HTML&gt;
   &lt;html manifest="" lang="en-US"&gt;
  
  &lt;head&gt;
      &lt;meta
      charset="UTF-8"&gt;
          &lt;meta
          name="format-detection" content="telephone=no"&gt;
  
          &lt;title&gt;Test  APP &lt;/title&gt;
           &lt;link  href="touch/resources/css/app.css" rel="stylesheet" type="text/css" /&gt;
           &lt;script src="touch/sencha-touch-all-debug.js" type="text/javascript"&gt;&lt;/script&gt;
           &lt;script src="js-cordova/ios/cordova-2.7.0.js" type="text/javascript"&gt;&lt;/script&gt;
           &lt;script src="js-cordova/ios/barcodescanner.js"type="text/javascript"&gt;&lt;/script&gt;
                  &lt;script  type="text/javascript"&gt;
                  document.addEventListener("deviceready", onDeviceReady,true);
                               document.addEventListener("backbutton", onBackKeyDown,false);
                 function onDeviceReady()
                    {
                        setTimeout(function()
                        {
                           navigator.splashscreen.hide();
  
                         },50000);
                              document.addEventListener("backbutton", onBackKeyDown,false);
                              }
  
                              &lt;/script&gt;
       &lt;style type="text/css"&gt;  
          html, body {
                    height: 100%;
                    background-color: #7f1a1a;
                    background : url('uploads/Samsung.png') center no-repeat;
                }
         #appLoadingIndicator {       
                  position: absolute;
                  top: 50%;
                  margin-top: -15px;
                  text-align: center;
                  width: 100%;
                  height: 30px;
                  -webkit-animation-name: appLoadingIndicator;
                  -webkit-animation-duration: 0.5s;
                  -webkit-animation-iteration-count: infinite;
  
              }
         #appLoadingIndicator &gt; * {
                   display: inline-block;
                  height: 30px;
                  -webkit-border-radius: 15px;
                  margin: 0 5px;
                  width: 30px;
                  opacity: 0.8;
              }
  
        @-webkit-keyframes appLoadingIndicator{
          0% {
               opacity: 0.8
             }
         50% {
               opacity: 0
             }
         100% {
               opacity: 0.8
             }
           }
    &lt;/style&gt;
   &lt;!-- The line below must be kept intact for Sencha Command to build your application --&gt;
  &lt;script id="microloader" type="text/javascript" src="touch/microloader/development.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="appLoadingIndicator"&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>