Ionic + PWA - show splashscreen in browser

Ionic Framework
1

I’m having trouble loading splashscreen for a PWA solution with Ionic.
I found some cases and theoretically some solutions, but they didn’t work for my solution.

Someone can indicate a possible solution or even another way to load the image before finalizing the application load.

image

Configuration on config.xml

<platform name="browser"> 
    <preference name="SplashScreen" value="src/assets/img/logo-dark.png" /> 
</platform>
2

Config.xml is a cordova thing so not pwa

There is limited control over pwa splash - background color and icon I believe

If u need a content rich splash, then that will be a page in angular shown after that pwa solash

Pretty sure if u google pwa splash angular, u will find gyudance

3

Thanks @Tommertom I will look for a guide…

4

Hi @Tommertom I found this guide to create a splash screen… Can be useful to others.

https://itnext.io/simple-splash-screen-for-your-angular-web-apps-and-pwas-f4fbf897540b

1 Like