Splash screen resize mode

Hi,

I have made splashscreen according to your guide:

https://docs.expo.io/versions/latest/guides/splash-screens.html

part of mine app.json

"sdkVersion": "24.0.0",
"splash": {
      "image": "./assets/img/splashscreen.png",
      "resizeMode": "contain"
}

and yet, image at standalone android splash seems being not “contained” (loader in expo app is workng good).

Expo 24

I attach screenshot from my device:

Screenshot_20180102-165718

Hi @gieerzetka! Can you explain what you were expecting to see? It’s hard to tell without seeing the source asset but that looks like “contain” to me.

oh, ye, I should send it… ok, so orginal file looks like that:
splashscreen
When I open app with Expo it looks great:
splashscreenInExpo
but on Android device (samsung galaxy s8):
splashscreenIn

Cześć Grzegorz! :wink:
You need to also take a look at Android’s dpi stuff (we mention it here https://docs.expo.io/versions/latest/guides/splash-screens.html#customizing-the-configuration-for-ios-and-android ) . If you’re using a picture that is 981px it might be just too small for S8 screen. You need to configure pictures for various dpis and for the highest ones the picture needs to be quite big. This could be a nice cheatsheet: https://stackoverflow.com/a/34726279/5730941

1 Like

Hej Alicja :slight_smile:

I’ve shrinked image before uploading to this forum. Orginal one is 1242px wide and 2436px tall, I used dimennsions form expo splash docs (width of iphone s8 and height of iphone X), do you think it could be still to small? I thought contain option would resize image to fit in every screen, and screenshot from my device shows it does not work…

Can you try adding following configuration to you app.json ?

"android": {
  "splash": {
    "xhdpi": "./assets/img/splashscreen.png",
    "xxhdpi": "./assets/img/splashscreen.png",
    "xxxhdpi": "./assets/img/splashscreen.png"
  },
  "package": // blahblahblah......
}
"splash": {
        "backgroundColor": "#ffffff",
        "ldpi": "./assets/img/splashscreen.png",
        "mdpi": "./assets/img/splashscreen.png",
        "hdpi": "./assets/img/splashscreen.png",
        "xhdpi": "./assets/img/splashscreen.png",
        "xxhdpi": "./assets/img/splashscreen.png",
        "xxxhdpi": "./assets/img/splashscreen.png",
        "resizeMode": "contain"
      }

Gaves me:
26694376_1839210672790039_977024199_n

1 Like

This topic was automatically closed 20 days after the last reply. New replies are no longer allowed.