I am facing a similar issue to this:
I works as expected in development or when --no-dev --minify
are used.
app.json:
"splash": {
"backgroundColor": "#666666",
"image": "./assets/splash/splash.png",
"resizeMode": "contain"
},
root component render:
if (!this.state.fontsLoaded) {
return (
<AppLoading
startAsync={this.loadFonts}
onFinish={() => this.setState({ fontsLoaded: true })}
onError={console.warn}
/>
// {/* <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: 'white' }}>
// <SkypeIndicator color='#a649f2'/>
// </View> */}
)
}
...
The commented code is what I was using in SDK 32, but it wasn’t working in 33 so I experimented with AppLoading without luck.
In the gif posted, the starting grayish-brownish color is #666666 as seen above, which I used to see if the splash image was visible (the splash image itself is purple with the logo in the middle).