Recommended size splash screens crash Android app

🐛 Bug Report

Environment

  Expo CLI 2.14.0 environment info:
    System:
      OS: macOS 10.14.4
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 10.15.0 - ~/.nvm/versions/node/v10.15.0/bin/node
      Yarn: 1.7.0 - /usr/local/bin/yarn
      npm: 6.9.0 - ~/.nvm/versions/node/v10.15.0/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    IDEs:
      Android Studio: 3.3 AI-182.5107.16.33.5314842
      Xcode: 10.2/10E125 - /usr/bin/xcodebuild
    npmPackages:
      expo: ^32.0.6 => 32.0.6 
      react: 16.5.1 => 16.5.1 
      react-native: https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz => 0.57.1 
      react-navigation: ^3.8.1 => 3.8.1 
    npmGlobalPackages:
      expo-cli: 2.14.0

Target: Android

Steps to Reproduce

Running expo build:android --release-channel production

With the splash images of different Android DPIs sizes specified in the app.json:

"splash": {
  "image": "assets/splash.png",
  "resizeMode": "cover",
  "backgroundColor": "#FFFFFF"
},
"android": {
  "versionCode": 1,
  "package": "com.me.myApp",
  "splash": {
    "mdpi": "assets/splash/mdpi/splash.png",
    "hdpi": "assets/splash/hdpi/splash.png",
    "xhdpi": "assets/splash/xhdpi/splash.png",
    "xxhdpi": "assets/splash/xxhdpi/splash.png",
    "xxxhdpi": "assets/splash/xxxhdpi/splash.png"
  }
}

Of the recommended sizes and file size:

mdpi: 1242x2436 (278 KB),
hdpi: 1863x3654 (146 KB),
xhdpi: 2484x4872 (438 KB),
xxhdpi: 3726x7308 (846 KB),
xxxhdpi: 4968x9744 (1.34 MB)

Successfully produces an apk

Expected Behavior

It should run fine

Actual Behavior

It crashes when it is run on a xxxhdpi Android device with the following error

04-16 23:21:52.037 27573 27573 D AndroidRuntime: Shutting down VM
04-16 23:21:52.038 27573 27573 E AndroidRuntime: FATAL EXCEPTION: main
04-16 23:21:52.038 27573 27573 E AndroidRuntime: Process: com.me.myApp, PID: 27573
04-16 23:21:52.038 27573 27573 E AndroidRuntime: java.lang.RuntimeException: Canvas: trying to draw too large(108918432bytes) bitmap.
04-16 23:21:52.038 27573 27573 E AndroidRuntime:     at android.view.DisplayListCanvas.throwIfCannotDraw(DisplayListCanvas.java:229)
04-16 23:21:52.038 27573 27573 E AndroidRuntime:     at android.view.RecordingCanvas.drawBitmap(RecordingCanvas.java:101)
04-16 23:21:52.038 27573 27573 E AndroidRuntime:     at android.graphics.drawable.BitmapDrawable.draw(BitmapDrawable.java:545)
04-16 23:21:52.038 27573 27573 E AndroidRuntime:     at android.widget.ImageView.onDraw(ImageView.java:1360)
04-16 23:21:52.038 27573 27573 E AndroidRuntime:     at android.view.View.draw(View.java:21882)

It is saying that my splash image size is 108.918432 MB large when it actually is just 1.34MB

However it runs fine when I scale it back from the default 1242x2436 but I get the following warning when building it

[dpi: provided (expected)] mdpi: 320x628 (1242x2436), hdpi: 480x942 (1863x3654), xhdpi: 640x1256 (2484x4872), xxhdpi: 960x1884 (3726x7308), xxxhdpi: 1280x2512 (4968x9744)

Reproducible Demo

https://snack.expo.io/@hrx/splash-screen-test

[mastepanoski]

It worked. I modified the app.json, and I resized the splash:

• mdpi: 320x628,
• hdpi: 480x942,
• xhdpi: 640x1256,
• xxhdpi: 960x1884,
• xxxhdpi: 1280x2512

[eyalyoli]

if you are on bare workflow, as instructed you can use npx expo-splash-screen to install the splash screen for native android/ios. Once installed to solve the issue, just use Image Bake to scale down the splash and then paste the drawable-mdpi, ..., drawable-xxxhdpi to res subfolder of your android native app.