Blank screen before splash screen appears on Android

Hello! I have an app built using ExpoKit SDK 32, and I’m having trouble with the splash screen on Android. It appears, but only after a white screen is shown for a few seconds. I don’t know whats the issue, it didnt happen before I ejected.

I’m using react navigation with it. On my App.js component I do:

  render() {
    if (!this.state.appReady) {
      return <AppLoading autoHideSplash={false} />;
    return (
      <Provider store={store}>
        <PersistGate persistor={persistor}>
          <StatusBar barStyle="light-content" translucent />
          <Container />

Then on my container, I just render my navigators. My initial screen is a Loading screen of a switch navigator. It just shows the same image of the splash screen while I decide which screen should I redirect to.

  async loadCorrectScreen() {
    Platform.OS === 'android' && SplashScreen.hide(); // no android fica mais fluido fazer a splash screen desaparecer antes
    try {
      const token = await AsyncStorage.getItem(BALADAPP_AUTH_TOKEN);
      if (token) {
      } else {
    } catch (err) {
      // fazer nada
      // console.log(err);
    Platform.OS === 'ios' && SplashScreen.hide(); // no ios fica mais fluido fazer a splash screen desaparecer depois

  render() {
    return (
      <SafeAreaView style={styles.safeArea}>

And that’s it. The problem comes before all that, only on Android.
Also I’m sure the splash screen is showing up and not just the image on the load screen.

Also is there a better way to do all of this?

Thank you.

1 Like