React Native: How to use the Animated API for a fade-out animation?

1import { Animated } from "react-native";
2
3const fadeAnim = useRef(new Animated.Value(1)).current;
4
5function fadeOut() {
6  Animated.timing(fadeAnim, {
7    toValue: 0,
8    duration: 500,
9    useNativeDriver: true,
10  }).start();
11}
12
13<Animated.View style={{ opacity: fadeAnim }}>
14  <Text>Content</Text>
15</Animated.View>

1function fadeOutAndRemove() {
2  Animated.timing(fadeAnim, {
3    toValue: 0,
4    duration: 500,
5    useNativeDriver: true,
6  }).start(() => {
7    // After fade out, remove element
8    setVisible(false);
9  });
10}

1Animated.parallel([
2  Animated.timing(fadeAnim, {
3    toValue: 0,
4    duration: 500,
5    useNativeDriver: true,
6  }),
7  Animated.timing(slideAnim, {
8    toValue: -50,
9    duration: 500,
10    useNativeDriver: true,
11  }),
12]).start();