Black screen appears after the splashscreen and extended splashscreen before app's home page is shown.

Question

I am loading data from files and once the load as well as WinJS.UI.processaAll are complete , the home page loads. But a brief black screen appears before the home page loads.

These are the two ways it opens up.

Sometimes it loads as follows:

1.default splash screen

2.extended splash screen.

3.brief black screen

4.home page of app.

 The other times it loads as follows:

1.default splash screen

2.smoothly loading app's home page.

....inside activation handler...

args.setPromise(WinJS.UI.processAll().then(function () {
               var p1 = openAndReadData("file1.txt");
               var p2 = openAndReadStore("file2.txt");
               var join = WinJS.Promise.join([p1, p2]);
                join.done(function () {
                    ExtendedSplash.remove();
                    if (nav.location) {
                        nav.history.current.initialPlaceholder = true;
                        return nav.navigate(nav.location, nav.state);
                    } else {
                        return nav.navigate(Application.navigator.home);
                    }
                });
            }));

I assume extended splash screen will show up only if there is a need,depending on the time taken for the initialization works.

I saw somewhere that it might occur only in visual studio. Is that so?

---

karthika

Answer 1

This might be some processing on your home page .. Can you try and remove the Extended splash screen in the ready event of your home page ?

ready: function(element, options){
ExtendedSplash.remove();

}

- Girija

Answer 2

Thanks so much Girija. I removed the splashscreen after navigating to the home page(instead of activation handler) and it seems to work.

---

karthika