React Native Reanimated

Code example

import Animated, { useSharedValue, useAnimatedStyle, withSpring } from "react-native-reanimated";
import { Pressable } from "react-native";

export function Example() {
  const scale = useSharedValue(1);
  const style = useAnimatedStyle(() => ({ transform: [{ scale: scale.value }] }));

  return (
    <Pressable onPress={() => { scale.value = withSpring(scale.value === 1 ? 1.2 : 1); }}>
      <Animated.View style={[{ width: 80, height: 80, backgroundColor: "tomato" }, style]} />
    </Pressable>
  );
}

Pros & cons

FAQs