Expo App shows app icon instead of splash image

Question

Here is my app.json:

{
  "expo": {
    "name": "SignLingo",
    "slug": "SignLingo",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/images/icon.png",
    "scheme": "myapp",
    "userInterfaceStyle": "automatic",
    "newArchEnabled": true,
    "splash": {
      "image": "./assets/images/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#fefaf4"
    },
    "ios": {
      "supportsTablet": true,
      "bundleIdentifier": "com.anonymous.SignLingo"
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/images/adaptive-icon.png",
        "backgroundColor": "#ffffff"
      },
      "package": "com.anonymous.SignLingo"
    },
    "web": {
      "bundler": "metro",
      "output": "static",
      "favicon": "./assets/images/favicon.png"
    },
    "plugins": [
      "expo-router",
      [
        "expo-splash-screen",
        {
          "image": "./assets/images/splash-icon.png",
          "imageWidth": 200,
          "resizeMode": "contain",
          "backgroundColor": "#ffffff"
        }
      ]
    ],
    "experiments": {
      "typedRoutes": true
    }
  }
}

This is my ./assets/images/icon.png

This is my ./assets/images/splash.png

Both ./assets/images/icon.png and ./assets/images/splash.png are present and the app icon displays as expected. However my Splash screen displays ./assets/images/icon.png instead of ./assets/images/splash.png

The background color "#fefaf4" is correct but I'm seeing ./assets/images/icon.png instead of ./assets/images/splash.png

Why and how to get splash image to show correctly on splash screen?

I've already tried running npx expo prebuild --clean and then npx expo prebuild but that does nothing.

Did you find any solutions?

Suman Bhattarai
– Suman Bhattarai

2024-12-27 21:05:03 +00:00
Commented Dec 27, 2024 at 21:05 — Suman Bhattarai
– Suman Bhattarai, Commented Dec 27, 2024 at 21:05

Álvaro Fonseca · Accepted Answer · 2024-11-27 15:43:24Z

1

I had the same issue using expo v52. Install expo v51 and it will work.

run: npx expo install expo@^51.0.0 and then: npx expo install --fix

answered Nov 27, 2024 at 15:43

Álvaro Fonseca

191 bronze badge

Sign up to request clarification or add additional context in comments.

1 Comment

Ali Kocak Dec 20, 2024 at 22:13

Did you find another solution? When I did downgrade everything broke

Nishad · Accepted Answer · 2025-03-20 13:35:58Z

-1

Instead of creating splash screen in "app.json", do it in "app.config.js".

Create a new file "app.config.js" in your project directory
Add

export default {
    expo:{
        splash: {
            image: "./assets/images/splash.png",
            resizeMode: "contain",
            backgroundColor: "#fefaf4"
        }
    }
}

edited Mar 20 at 13:35

answered Mar 20 at 10:53

Nishad

11 bronze badge

Collectives™ on Stack Overflow

Expo App shows app icon instead of splash image

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related