That is the intended behavior. The Capacitor splash screen plugin does not modify the native splash screen
What worked for me to solve the problem of having a “gap” between splash screens was 1. setting launchAutoHide to false in capacitor.config.json:
// capacitor.config.json
{
"plugins": {
"SplashScreen": {
"launchAutoHide": false,
}
}
}
and 2. calling SplashScreen.hide();
just before presenting the second splash screen:
// splashscreen.page.ts (2nd splash)
ionViewWillEnter() {
this.platform.ready().then(() => {
SplashScreen.hide()
})
}
as described here: Splash Screen Capacitor Plugin API | Capacitor Documentation