reactjs - React Native 复活不适用于插值

Question

我尝试使用 Animated.interpolate 但我遇到了一个我从未遇到过的奇怪错误。如何解决？谢谢

Answer 1

使用插值的变量应该在 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,
    };
  });