Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create a Splash Screen #1

Open
dcallus opened this issue May 13, 2022 · 2 comments
Open

Create a Splash Screen #1

dcallus opened this issue May 13, 2022 · 2 comments
Assignees
Labels
enhancement New feature or request

Comments

@dcallus
Copy link
Contributor

dcallus commented May 13, 2022

A splash screen is needed for slower devices to display (instead of a blank screen) before the app has loaded.

I've noticed some times it even says 'react app' or something similar very quickly before the app loads (android).

Use the logo inside the assets folder as the splash screen.

If you need to assign a background colour. Use #076AE0 as it matches the logo.

Check this guide for android:
https://www.simicart.com/blog/pwa-splash-screen/#:~:text=The%20case%20for%20splash%20screens%20in%20PWAs,-When%20unconfigured%2C%20users&text=This%20should%20be%20fine%20on,initial%20perception%20of%20your%20app.

and for iphone:
https://appsco.pe/developer/splash-screens

@dcallus dcallus added the enhancement New feature or request label May 13, 2022
@dcallus
Copy link
Contributor Author

dcallus commented May 13, 2022

Partly done.

Favicons have been added and title changed. Chrome logo appears on top of logo though (android).
Check issue here:
https://stackoverflow.com/questions/44060253/how-to-remove-chrome-logo-from-pwa-app-home-screen-link-android-o-preview

Splash screen working for android only so far.

@dcallus dcallus self-assigned this May 27, 2022
@dcallus
Copy link
Contributor Author

dcallus commented Jun 25, 2022

try to remake the logos in .svg format.. Wait until UX people have looked over the app.

Make sure when the splash screens and favicons are remade they use the colour from the manifest.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant