React Native: How do you implement animations with react-native-reanimated?

1import Animated, {
2  useSharedValue,
3  useAnimatedStyle,
4  withSpring,
5  withTiming,
6  interpolate,
7} from "react-native-reanimated";
8
9function Box() {
10  const offset = useSharedValue(0);
11
12  const style = useAnimatedStyle(() => ({
13    transform: [{ translateX: offset.value }],
14  }));
15
16  return (
17    <Animated.View
18      style={[styles.box, style]}
19      onTouchEnd={() => {
20        offset.value = withSpring(offset.value + 100);
21      }}
22    />
23  );
24}