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

1import { Animated } from "react-native";
2
3function ZoomOutView({ visible, children }) {
4  const scaleAnim = useRef(new Animated.Value(1)).current;
5
6  useEffect(() => {
7    Animated.timing(scaleAnim, {
8      toValue: visible ? 1 : 0,
9      duration: 300,
10      useNativeDriver: true,
11    }).start();
12  }, [visible]);
13
14  return (
15    <Animated.View style={{
16      transform: [{ scale: scaleAnim }],
17      opacity: scaleAnim,
18    }}>
19      {children}
20    </Animated.View>
21  );
22}