Super-Progressive-Web-Apps
                                
                                 Super-Progressive-Web-Apps copied to clipboard
                                
                                    Super-Progressive-Web-Apps copied to clipboard
                            
                            
                            
                        Fix Apple splash screen (white screen) issue
Hello everybody,
I noticed that there is a feature which Apple provides but this plugin does not use. As mentioned in the apple developers docs, we are able to add a splash screen to our PWAs on iOS devices. When no specific splash screen is provided, apple inserts a complete white screen which doesn't look good and shows a huge difference between a native app and a PWA.
With this line of code we can provide a custom splash screen:
<link rel="apple-touch-startup-image" href="/launch.png">
Of course we have to provide different images for different screen sizes which are listed here.
With this feature we would get one step closer to native app experience on iOS.
A solution for splash screen is already within our beta (also can be noticed at our website ) and most probably you can expect the same on the coming versions of SuperPWA WordPress plugin.
Hello! Is it fixed? I don't seem to get it working.
hey there I had this problem and I was stuck for 4 hours searching about "PWA ios splash screen not working" and I found this medium article which was really helpful https://medium.com/appscope/adding-custom-ios-splash-screens-to-your-progressive-web-app-41a9b18bdca3
Apple does not yet support the web manifest specification and instead leans on its classic touch-icon mechanism. This works, you just need to be aware you still need to include the META tags to drive that experience.
This issue is duplicate of ticket https://github.com/SuperPWA/Super-Progressive-Web-Apps/issues/343 IOS splashcreen Icon not working