javascript 如何获取AnimatedInterpolation的值

cig3rfwq  于 2023-05-12  发布在  Java
关注(0)|答案(1)|浏览(112)

我的问题是如何在react-native中检索AnimatedInterpolation的值,而不调用私有代码。
我创建动画值并将其 Package 在插值中,如下所示:

animated = new Animated.Value();
  interpolated = this.animated.interpolate({
    inputRange:[0, 1000],
    outputRange:[0, 500]
  })

我渲染动画如下:

<Animated.View style={[{width: this.interpolated}]}/>

我检索动画值如下:

this.animated.stopAnimation(v => {
    console.log(v, " ", this.interpolated.__getValue());
  })

可运行示例here
我的问题是__getValue()是AnimatedInterpolation的私有成员,在使用typescript时会出错。我正在寻找一种可靠的方法来检索值,类似于this.animated.stopAnimationthis.animated.__getValue()更可靠。

hmmo2u0o

hmmo2u0o1#

您可以向interpolated添加侦听器以获取值-

interpolated.addListener(({value}) => {
      console.log('interpolated', value)
    });

然后你可以使用它与变量或任何东西。

相关问题