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毫秒。

results matching ""

    No results matching ""