Results 1 to 6 of 6

Thread: Flicker during startup

  1. #1
    Sencha User
    Join Date
    Feb 2011
    Posts
    35
    Vote Rating
    0
      0  

    Default Flicker during startup

    I am having a problem with the web application showing a tiled/transparent screen for a little while, after displaying the splash screen.

    I've tested with removing almost everything from the site, to see what is causing the flicker. It seems the issue is caused by these lines (which I have removed all content from):

    Ext.setup({
    onReady: function ()
    {
    }
    });

    If I remove these, then the screen doesn't become transparent at all.

    What is causing this? How can I avoid the flicker? Is there some workaround?

    I've searched a bit, and only found people solving this issue with PhoneGap, which isn't an option for me.

    I've tried adding Sencha KitchenSink to the homescreen, and here it doesn't happen... The weird thing is, that I downloaded the KitchenSink app and have it running locally, and when I use this version, it also shows the transparent image. I don't understand how this is possible at all, but it is.

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    iOS will do this. Nothing you can really do about it.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Feb 2011
    Posts
    35
    Vote Rating
    0
      0  

    Default

    But it doesn't do this if I remove Sencha from the site?

  4. #4
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    Quote Originally Posted by Limbo View Post
    But it doesn't do this if I remove Sencha from the site?
    Do those sites have the amount of code to download and execute?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  5. #5
    Sencha User
    Join Date
    Feb 2011
    Posts
    35
    Vote Rating
    0
      0  

    Default

    It seems the screen ALWAYS gets white before the content is displayed - with or without Sencha.

    But the transparency before the white screen only happens when Sencha is on the site.

    http://www.sencha.com/forum/showthread.php?134468-Startup-Screen-delay-during-framework-load

    This seems to help. I will try test it a bit more.

  6. #6
    Sencha User
    Join Date
    Oct 2011
    Location
    Pakistan
    Posts
    229
    Answers
    10
    Vote Rating
    2
      0  

    Default

    In one of my app it was due to Google Maps API being loaded synchronously. Make it asynchronous and see if it helps.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •