I am a beginner to React Native was doing a homework course on the same faced an issue where the splash screen image isnt coming up on my device. I checked for image path it seems to be correct. Here is my app.json file that i have attached where the splash screen image coffee-splash.png is to come up on splash screen instead of that i just see my coffee-logo.png appearing for a few seconds and then it takes me to my main app content.

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

I tried to change the image path checked for it since it wasnt displaying properly. i tried changing the image width to see if something was causing the image loading issue still wasnt fixed. i tried changing background colour thinking that since i am getting a short pause of a black screen after the logo its showing maybe that could be the issue but still its not coming up. It only shows my icon for a splash screen whenever i tried reloading the app.