White screen after splash screen
See original GitHub issueCapacitor displays my custom splash screen as normal, however it will always display a white screen next, before finally navigating to the first route page.
Routing module:
const routes: Routes = [ { path: '', redirectTo: '/welcome', pathMatch: 'full' }, { path: 'app', loadChildren: './pages/tabs/tabs.module#TabsPageModule', canActivate: [AuthGuardService] }, { path: 'welcome', loadChildren: './pages/welcome/welcome.module#WelcomePageModule' }, ]
init function from app.ts
`async initializeApp() {
this.platform.ready().then(async () => {
try {
this.statusBarService.setStatusBar('light');
SplashScreen.hide();
console.log('App is ready to go!');
} catch (error) {
console.log('Capacitor Warn: Some plugins do not yet have web support');
}
});
}`
It is not a nice look for the app. Is there a particular reason it does this? Maybe something to do with the lazy loading?
Issue Analytics
- State:
- Created 5 years ago
- Reactions:4
- Comments:27 (1 by maintainers)
Top Results From Across the Web
Why white screen stuck after splash screen in Ionic 4?
So solution is to request permissions after splashScreen.hide() after timeout delay equal to fade out timeout. example: config.xml <preference ...
Read more >White screen after splash and before my home ... - Ionic Forum
Hey, I upgraded my old cordova app to capacitor app, everything is working fine but I am seeing a white screen between splashscreen...
Read more >EAS - white screen after splash-screen in production mode on ...
Everything should be fine in production. There should be a white screen after the splashscreen, which might be very quick in a blank...
Read more >[SOLVED] White screen after splash screen - Questions
Hi. After splash screen loads, a white screen appears in app. I used chrome to inspect error but there is no error.
Read more >white screen after splash screen phonegap ios - Google Groups
I had a similar issue. Check that your splash screen files are in the correct directory - that they match your config.xml.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@jcesarmobile I am still having this issue. My app has this config, yet the white webview always blinks before rendering my initial page. I have created a splash screen page with animation and so this blinking white really ruins the affect!
adding “launchShowDuration”: 3000 fixed my issue