React Native: How to use the Animated API for a flip-in animation?

1import { Animated } from "react-native";
2
3function FlipInView({ children }) {
4  const flipAnim = useRef(new Animated.Value(0)).current;
5
6  useEffect(() => {
7    Animated.spring(flipAnim, {
8      toValue: 1,
9      friction: 8,
10      tension: 40,
11      useNativeDriver: true,
12    }).start();
13  }, []);
14
15  const rotateY = flipAnim.interpolate({
16    inputRange: [0, 1],
17    outputRange: ["180deg", "0deg"],
18  });
19
20  return (
21    <Animated.View style={{
22      opacity: flipAnim,
23      transform: [{ perspective: 1000 }, { rotateY }],
24    }}>
25      {children}
26    </Animated.View>
27  );
28}