Is there a way to change cordova splash screen?

AmitMY · August 30, 2017, 2:15pm

Is there a way to change the default cordova splash screen loader with a custom svg/gif?

Sujan12 · August 30, 2017, 2:32pm

Define “default cordova splash screen loader”.

AmitMY · August 30, 2017, 2:37pm

It doesn’t really look the same on all phones, it is just the default.
On a Galaxy S8:

Sujan12 · August 30, 2017, 2:46pm

Ok, so the spinner animation in the splash screen Activity (Android) or loading screen (iOS), correct?

As far as I know this is part of the generated Cordova project or done via the splashscreen plugin. (Removing the latter could confirm if this is done via this)

Sujan12 · August 30, 2017, 2:54pm

Ok, I think this is done via the splashscreen plugin:
https://cordova.apache.org/docs/en/7.x/reference/cordova-plugin-splashscreen/index.html#preferences
Search for ShowSplashScreenSpinner

See here for the actual code doing the spinner for Android:

github.com

apache/cordova-plugin-splashscreen/blob/e5c6772f177a58c663efd3dbb8dbbc03ff9b463e/src/android/SplashScreen.java#L344


                            removeSplashScreen(false);
                        }
                    }
                }, effectiveSplashDuration);
            }
        }
    });
}


// Show only spinner in the center of the screen
private void spinnerStart() {
    cordova.getActivity().runOnUiThread(new Runnable() {
        public void run() {
            spinnerStop();


            spinnerDialog = new ProgressDialog(webView.getContext());
            spinnerDialog.setOnCancelListener(new DialogInterface.OnCancelListener() {
                public void onCancel(DialogInterface dialog) {
                    spinnerDialog = null;
                }
            });

AmitMY · August 30, 2017, 2:56pm

Thanks, I know I can show/hide that spinner, I am just wondering if I can use my own SVG.

Sujan12 · August 30, 2017, 3:18pm

Yeah, that was me investigating how this works in the background

For Android the spinner shown is a native ProgressDialog: https://developer.android.com/reference/android/app/ProgressDialog.html

To replace it you could fork the splashcreen plugin and replace it with your own. The plugin code is quite readable. Maybe forks already exist with custom functionality?

AmitMY · August 30, 2017, 3:40pm

Thanks! Seems a bit much to do for just that.

Sujan12 · August 30, 2017, 3:42pm

That depends on the client you are working for I guess

But I agree, my goal is to optimize the splash screen away anyway, so I try to have as little as possible there - including no spinner. (My theory: As soon as users see a spinner on a splash screen, they think it’s the app’s fault. As long as it is just a static picture, it’s the phone begin slow )