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

1import { Animated } from "react-native";
2
3const scaleAnim = useRef(new Animated.Value(1)).current;
4
5function scaleUp() {
6  Animated.spring(scaleAnim, {
7    toValue: 1.2,
8    friction: 3,
9    useNativeDriver: true,
10  }).start();
11}
12
13function scaleDown() {
14  Animated.spring(scaleAnim, {
15    toValue: 1,
16    friction: 3,
17    useNativeDriver: true,
18  }).start();
19}
20
21<Animated.View style={{ transform: [{ scale: scaleAnim }] }}>
22  <Text>Scalable content</Text>
23</Animated.View>

1Animated.sequence([
2  Animated.spring(scaleAnim, {
3    toValue: 1.3,
4    friction: 2,
5    useNativeDriver: true,
6  }),
7  Animated.spring(scaleAnim, {
8    toValue: 1,
9    friction: 2,
10    useNativeDriver: true,
11  }),
12]).start();