React Native: How to use the Animated API for a color transition animation?

1import { Animated } from "react-native";
2
3const colorAnim = useRef(new Animated.Value(0)).current;
4
5const backgroundColor = colorAnim.interpolate({
6  inputRange: [0, 1],
7  outputRange: ["#fff", "#000"],
8});
9
10const textColor = colorAnim.interpolate({
11  inputRange: [0, 1],
12  outputRange: ["#000", "#fff"],
13});
14
15Animated.timing(colorAnim, {
16  toValue: 1,
17  duration: 1000,
18  useNativeDriver: false, // Color needs JS driver
19}).start();
20
21<Animated.View style={{ backgroundColor, padding: 20 }}>
22  <Animated.Text style={{ color: textColor }}>
23    Color transition
24  </Animated.Text>
25</Animated.View>