Question 1

How to change the splash screen image in Cordova browser app?

Accepted Answer

In your config.xml, add a preference like <preference name='SplashScreen' value='/images/splash.png' /> under the browser platform. Ensure the path is absolute relative to the project root, as specified in the quirks section for sub-page compatibility.

Question 2

Can I manually show the splash screen after app loads?

Accepted Answer

Yes, use navigator.splashscreen.show() after the deviceready event fires. However, for startup, the splash screen is automatically shown based on config.xml settings, so manual show is typically for post-launch scenarios, as explained in the methods note.

Question 3

Cordova splashscreen plugin vs using CSS for splash screen?

Accepted Answer

The plugin offers automatic display and tight Cordova integration, simplifying setup for browser apps. CSS allows more design flexibility but requires manual implementation and timing control. For Cordova projects, the plugin is more standardized and easier to manage.

Question 4

How to disable the splash screen on Cordova browser platform?

Accepted Answer

Set or in config.xml under the browser platform. This prevents the splash screen from displaying during app launch, as detailed in the preferences section.

Question 5

Why is my splash screen not hiding on browser?

Accepted Answer

Check that AutoHideSplashScreen is true and SplashScreenDelay is set correctly in milliseconds. Also, ensure no JavaScript errors block the hide() call, and note that fade duration is included in the delay, affecting timing as described in the preferences quirks.

Question 6

Best practices for splash screen timing in Cordova apps?

Accepted Answer

Set SplashScreenDelay to match your app's load time, typically 2-3 seconds. Use FadeSplashScreen for smooth transitions, and if manually controlling, account for fade duration in hide() calls to avoid abrupt changes, as advised in the README's timing examples.

cordova-plugin-splashscreen

What is cordova-plugin-splashscreen?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions