Splash screen not visible in standalone app after SDK 33 update

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).

1 Like

On android with resizeMode “contain” splash is invisible.

Need help (

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.