Setting Splash screen in app.js

I followed the documentation here to add splash screens for my Android app built with Expo but it does display the image on startup. Here is what I have in app.json under splash:

  "splash": {
      "backgroundColor": "#271B0F",
      "ldpi": "./assets/ldpi.png",
      "hdpi": "./assets/hdpi.png",
      "mdpi": "./assets/mdpi.png",
      "xhdpi": "./assets/xhdpi.png",
      "xxhdpi": "./assets/xxhdpi.png",
      "xxxhdpi": "./assets/xxxhdpi.png"

Please what is the right way to do this?

@awadesmoline I just checked the documentation quickly. There are 3 locations with splash.

I’ve noticed that it’s defined within the IOS and Android areas as well as a one off near the bottom of the docs.
I would suggest trying moving this configuration under the “android” : {} section of your app.json file. (or ios if that’s what you’re testing with)

IOS Spash
Android Spash
General Splash Settings ??

Thanks @jessycormier. That solved the issue for me.

1 Like