React 本机 Animated.decay 钳位值

Question

出于不同的原因，我试图重现滚动视图的平移行为。我在我的 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();

但是我在文档中没有看到类似的内容。实现该目标的最佳方法是什么？

谢谢！

Answer 1

这就是重点。新的 clamped AnimatedValue 是你用来夹紧东西的东西。我建议 this.state.animatedPos 通常用于触摸事件和 Animated.decay，以及用于插值、样式等的固定动画值...

React native Animated.decay clamp values