App.js

render() {
    if (!this.state.isSplashReady) {
      return (
        <AppLoading
          startAsync={this.loadSplashResources}
          onFinish={() => this.setState({ isSplashReady: true })}
          autoHideSplash={false}
        />
      );
    }

    if (!this.state.isAppReady) {
      return (
        <View style={{ flex: 1 }}>
          <Image
            source={require("./assets/images/splash.png")}
            onLoad={this.loadAppResources}
          />
        </View>
      );
    }
    
    return (
      <View style={{ flex: 1 }}>
        <Text>Welcome to the app!</Text>
      </View>
    );
}