响应原生Animated.decay钳位值

时间:2016-11-21 12:05:37

标签: react-native react-animated

出于不同的原因,我试图重现滚动视图的平移行为。我在我的PanResponder中使用了Animated.decay,但是我需要将值限制在0和我的内容大小之间,这样它就不会超出界限

我使用Animated.diffClamp来做到这一点,但它并没有完全限制AnimatedValue的值,它只是从该值创建一个新的限制AnimatedValue。

对我来说,最好的解决方案是能够在Animated.decay配置中指定边界,例如:

Animated.decay(this.state.animatedPos, {
  velocity: {vx: vx, vy: vy},
  bounds: [0, viewWidth, 0, viewHeight]
}).start();

但我在文档中没有看到类似的内容。实现这一目标的最佳方式是什么?

谢谢!

1 个答案:

答案 0 :(得分:1)

这就是重点。新夹紧的AnimatedValue就是你用来夹住东西的东西。 我建议this.state.animatedPos通常用于触摸事件和Animated.decay,以及用于插值,样式等的限制AnimatedValue ...