React Native 重新启动不适用于插值

Question

我尝试使用 Animated.interpolate 但出现了一个我从未遇到过的奇怪错误。怎么解决呢？谢谢

Answer 1

使用 interpolate 的变量应该位于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,
    };
  });