如何在循环中设置动画之间的延迟



我使用loop无限运行动画,但我想每次都延迟运行动画。 动画中的delay只是第一次运行,而不是用于进一步的动画运行。

法典:

Animated.loop(
Animated.timing(this.state.spinValue, {
toValue: 1,
duration: 3000,
useNativeDriver: true,
delay: 2500
})
).start()

我想要的是运行动画,然后等待 2500 毫秒,然后再次运行。

发生的事情是动画首次启动需要 2500ms 延迟,但进一步循环没有 2500ms 延迟

我发现有一些顺序可以让你做你想做的事。这是基于现有模板和本文的expo示例,这是动画代码:

Animated.loop(
Animated.sequence([
Animated.delay(3000),
Animated.timing(this.state.animated, {
toValue: 1,
})
])
).start();

最新更新