When I built the ios standalone app, the Splash screen background color got white, regardless of the color I configured in app.json
.
The color is correct when developing and in the expo published version. Android works fine.
Screenshot - notice the huge white bars on the left and right side of the image:
App.json
{
"expo": {
"name": "YetPet",
"description": "O novo jeito de cuidar",
"slug": "yetpet-owners",
"privacy": "unlisted",
"sdkVersion": "24.0.0",
"platforms": ["ios", "android"],
"version": "1.0.0",
"orientation": "portrait",
"icon": "./assets/images/icon.png",
"notification": {
"icon": "./assets/images/notification-status-bar.png",
"color": "#02ABDC",
},
"splash": {
"image": "./assets/images/splash.png",
"backgroundColor": "#02ABDC",
},
"ios": {
"supportsTablet": true,
"bundleIdentifier": "br.com.yetpet.owners",
"buildNumber": "1.0",
"splash": {
"image": "./assets/images/splash.png",
"backgroundColor": "#02ABDC",
"resizeMode": "cover",
},
},
"android": {
"package": "br.com.yetpet.owners",
"icon": "./assets/images/android-icon.png",
"versionCode": 2,
"splash": {
"image": "./assets/images/splash.png",
"backgroundColor": "#02ABDC",
"resizeMode": "cover",
"ldpi": "./assets/images/splash.png",
"mdpi": "./assets/images/splash.png",
"hdpi": "./assets/images/splash.png",
"xhdpi": "./assets/images/splash.png",
"xxhdpi": "./assets/images/splash.png",
"xxxhdpi": "./assets/images/splash.png",
},
},
}
}
Previously I had only the global splash
value. I added the redundant ios.splash
configuration trying to fix it, without success.
Any ideas?
Thanks!