Fade in View, условно исчезает, затем исчезает в новом месте на своем месте

Question

Я делаю вид с условным условием, затем исчезаю. Это все до исчезновения в другом представлении на его месте после установленного тайм-аута, что-то вроде этого:

this.state = {
      found: false,
      fadeAnim: new Animated.Value(0),
      fadeAnim2: new Animated.Value(0),
     }
...

if (!found) {

    setTimeout(() => {
          this.setState({ found: true })
     }, 3000)

   Animated.timing(fadeAnim, {
      toValue: 1,
      duration: 2000, 
      useNativeDriver: true,
     }).start()

   return(
     <Animated.View style={[LOADING, { opacity: fadeAnim }]}>
       <Text style={TITLE}>not found</Text>
     </Animated.View>
   )

  } else if (found) {

    Animated.sequence([
        Animated.timing(fadeAnim, {
          toValue: 0,
          duration: 2000,
          useNativeDriver: true,
        }),
        Animated.timing(fadeAnim2, {
          toValue: 1,
          duration: 200,
          useNativeDriver: true,
        }),
      ]).start()

   return(
     <Animated.View style={[LOADING, { opacity: fadeAnim2 }]}>
       <Text style={TITLE}>found</Text>
     </Animated.View>
   )
 }

Первый анимированный вид просто внезапно исчезает, а не медленно исчезает, как в инструкциях else if (found) ) условно, затем второй анимированный вид постепенно исчезает.

Как бы я справился с этим, чтобы первый анимированный вид постепенно исчезал до того, как исчезнет второй анимированный вид?