React Native reanimated doesn't work with interpolate

Question

I try to use Animated.interpolate but I get a strange error that I've never had. How can it be solved ? Thanks

Answer 1

The variable that is using interpolate should be inside useAnimatedStyle.

const positionX = useSharedValue(-40);
const animatedStyles = useAnimatedStyle(() => {
    const opacity = interpolate(positionX.value, [-40, 0], [0, 1]); // <- It must be here to work.
    return {
      transform: [{ translateX: positionX.value }],
      opacity,
    };
  });