So I'm building an app apk file with expo, and I'm pointing to my splashscreen images on app.json.
{
"expo": {
"name": "D&D Monster Reference",
"slug": "dnd-monster-reference",
"version": "1.0.0",
"orientation": "portrait",
"icon": "./assets/icon.png",
"splash": {
"mdpi": "./assets/splashScreen/splash-port-mdpi.png",
"ldpi": "./assets/splashScreen/splash-port-ldpi.png",
"hdpi": "./assets/splashScreen/splash-port-hdpi.png",
"xhdpi": "./assets/splashScreen/splash-port-xhdpi.png",
"xxhdpi": "./assets/splashScreen/splash-port-xxhdpi.png",
"xxxhdpi": "./assets/splashScreen/splash-port-xxxhdpi.png",
"resizeMode": "cover"
},
"updates": {
"fallbackToCacheTimeout": 0
},
"assetBundlePatterns": [
"**/*"
],
"ios": {
"supportsTablet": true
},
"android": {
"adaptiveIcon": {
"foregroundImage": "./assets/icon.png",
"backgroundColor": "#FFFFFF"
},
"package": "com.example.example",
"versionCode": 1
},
"web": {
"favicon": "./assets/favicon.png"
}
}
}
But when I install the app, I get this default image as my splashcreen.
Am I doing something wrong here? I haven't found anything about it on expo docs.
After running npx expo prebuild
, it should work!
If you want to find out more, here is the link to the youtube. https://www.youtube.com/watch?v=coJxbYQTFfk
I have had this issue too on managed workflow. How I solve it is to rename the new splash image. Any name apart from "splash" will do. I usually name mine "splashscreen".
I have noticed that if you don't do this and simply name the new splashscreen by the name "splash", your app will continue to show the old (default) splash even if you restart your server and clear cache and no matter how many times you reload your app. I don't know why. Maybe it is a bug that Expo team will resolve someday.
Let us know if this works for you. It works for me 100%.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With