Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

White screen before app starts



  • So I have published my app to alpha testing using Beta 8 and the first thing that happens is my splash screen shows up, shows for a bit, then a white screen, then the app starts. I know this has come up on SO a few times and some of the answers are that CSS goes before JS. Well, I have that and still have the issue. Additionally, this has been discussed within these forums and usually its while being tested in the debugger which doesn’t show your splash screens, so I always figured it was due to that. Now that I have the app published though, I am curious what could be causing this. The only thing I can think of, is that the splash screen display time is set to 1000ms and it should be longer. If so, is there a way to show it until the app is fully loaded or is there a whole other issue plaguing me at the moment?

    On a side note, if anyone wants to be an alpha tester to see what I am referring to, just email me at cfuze@cfuze.com your gmail account and I will add you.


  • Onsen UI

    @munsterlander I guess it would be safer to hide the splash screen on ons.ready rather than 1 second. Have you tried that?



  • @Fran-Diox Let me give that a go and see what happens. Thanks for the suggestion!



  • @Fran-Diox

    Thanks for the suggestion. I implemented navigator.splashscreen.hide(); as suggested and changed the splash screen time to 5 seconds. Everything works great now and the white screen is not visible on a build apk.