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

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