Animated.Value插值-如何获取插值？

Question

是否可以获取AnimatedValue的插值？示例：

{
  translateY: this.state.fallingObjectAnimation.interpolate({
                inputRange: [0, 1],
                outputRange: [-2 * IMAGE.height, WINDOW_HEIGHT]
            }),
}

我可以很容易地得到fallingObjectAnimation的值，但这将是输入范围之间的一个数字。我想知道内插值，该值是介于输出范围之间的数字。有提示吗？

Answer 1

如果要获取Animated.Value的值，请使用侦听器。

this.state.fallingObjectAnimation.addListener(value => this.getvalue = value);

如果要在控制台中查看该值，

console.log(this.state.fallingObjectAnimation.getvalue)

跟踪手势 例如，使用horizontal滚动手势时，您需要执行以下操作才能将event.nativeEvent.contentOffset.x映射到scrollX（Animated.Value）：

 onScroll={Animated.event(
   // scrollX = e.nativeEvent.contentOffset.x
   [{ nativeEvent: {
        contentOffset: {
          x: scrollX
        }
      }
    }]
 )}