Изменить экраны после рендеринга React Native

Question

Могу ли я сделать что-то вроде отложенной загрузки из React в React-native? Когда я нажимаю какую-то кнопку, мне нужно подождать, пока не завершится рендеринг другого экрана и после go до него. Теперь после щелчка я вижу цвет фона по умолчанию и после рендеринга другой страницы. Могу ли я сделать что-то вроде ленивого или установить по умолчанию backgroundImage для всего приложения?

const HomeScreen = ({ navigation: { navigate } }) => {
  const [dateLoaded, setDataLoaded] = useState(false)
  if (!dateLoaded) {
    return <AppLoading
      startAsync={fetchFonts}
      onFinish={() => setDataLoaded(true)}
    />
  }
  return (
    <View style={styles.container} >
      <ImageBackground source={require('../../../assets/background.png')} style={styles.backgroundImage}>
        <View horizontal={true} style={styles.formLogin}>
          <TouchableOpacity onPress={() => { navigate("LoginForm") }}>
            <View style={styles.loginButton} >
              <Text style={styles.textButton}>Вход</Text>
            </View>
          </TouchableOpacity>
          <TouchableOpacity onPress={() => { navigate("Visits") }}>
            <View style={styles.registrationButton} >
              <Text style={styles.textButton}>Регистрация</Text>
            </View>
          </TouchableOpacity>
        </View>
      </ImageBackground>
    </View>
  )
};