animation - 带有负延迟的 Animated.timing()

Question

我在 react-native 中创建了一个动画，使用Animated.timing()我想在中途开始动画的地方。有没有办法在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()