Monaca Onsen UI Discord Chat Github Repo

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 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.