具有负延迟的 Animated.timing()

Question

我已经使用Animated.timing()在 react-native 中创建了一个动画，我想在中途启动动画。有没有办法在 css 中将负值应用于这样的延迟。我的示例代码如下所示：

Animated.timing(this.state.animatedVal, {
  toValue: 100,
  duration: 500,
  easing: Easing.inOut(Easing.ease),
  delay: 200,
}).start()

Answer 1

据我所知，负延迟不是一回事...但是，您可以在开始动画之前对动画值使用setValue以获得相同的效果。它实际上取决于您的动画值用例，因为它可能会导致动画突然跳跃，但由于您无论如何都想中途启动它，这应该可以例如：

this.state.animatedVal.setValue(50);
Animated.timing(this.state.animatedVal, {
  toValue: 100,
  duration: 250, // the portion of the time of the full animation
  easing: Easing.inOut(Easing.ease),
}).start()