Animated.delay
Animated.delay
的本质是它创建了一个什么都不干,只等待的Animated.timing
。主要目的就是用来在stagger或者sequence里作为一组动画的一部分。
其他的作用就是作为动画配置的delay参数使用,或者这样用Animated.delay
, 像在下面的例子中一样在sequence里使用。
西面是两个等效的动画:
this._animatedValue = new Animated.Value(0);
Animated.timing(this._animatedValue, {
toValue: 100,
delay: 300,
duration: 500
}).start()
this._animatedValue = new Animated.Value(0);
Animated.sequence([
Animated.delay(300),
Animated.timing(this._animatedValue, {
toValue: 100,
duration: 500
})
]).start()
在第一个例子中delay作为参数使用。第二个例子中,我们在sequence方法里添加了两个动画,其中一个就是Animated.delay
,延迟300毫秒。