Missing splash screen image on android device


I want to display a splash screen on actual devices when anyone opens my app on mobile. I added a splash screen and its showing on iphone but not on android.

Kindly hep me to fix this issue.


I encounter the same issue :confused: Did you find a fix?


I use the capacitor package to manage the SplashScreen (@capacitor/splash-screen v5.0.6).
I have generated the images using the VSCode extension (and before with Cordova Res).

When I open Android Studio, the images are present in the folder app/res/drawable/splash.

Ionic information


   Ionic CLI                     : 7.1.1 (/Users/username/.nvm/versions/node/v16.15.0/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 7.2.0
   @angular-devkit/build-angular : 16.0.5
   @angular-devkit/schematics    : 16.1.5
   @angular/cli                  : 16.0.4
   @ionic/angular-toolkit        : 10.0.0


   Capacitor CLI      : 5.2.2
   @capacitor/android : 5.2.2
   @capacitor/core    : 5.2.2
   @capacitor/ios     : 5.2.2


   Cordova CLI       : not installed
   Cordova Platforms : not available
   Cordova Plugins   : not available


   cordova-res : not installed globally
   native-run  : 1.7.2


   NodeJS : v16.15.0 (/Users/username/.nvm/versions/node/v16.15.0/bin/node)
   npm    : 8.19.2
   OS     : macOS Unknown
   Xcode  : Xcode 14.3.1 Build version 14E300c

Description of the issue

  • IOS : :white_check_mark:
    The splash screen displays correctly with the background image.

  • Android 12 (Xiaomi Redmi Note 11 MIUI 13.0.3) : :x:
    The splash screen displays but is only white. Not with the background image.

  • Android 13 (Samsung Galaxy A53 5G One UI 5.1) : :x:
    The splash screen displays but is white with the app icon in the middle. Not with the background image.

I see here in the point 4 that the background can only be an opaque color. Is it a new rule and so the background image is not possible anymore or it is possible to use a background image as before?

Thanks for your help,