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

1import { Animated } from "react-native";
2
3function ZoomInView({ 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: [{ scale: scaleAnim }],
18      opacity: scaleAnim,
19    }}>
20      {children}
21    </Animated.View>
22  );
23}