Animated.parallel

使用parallel方法会让一组动画同时开始执行。这组动画里有一个停止了,其他的也全部都停止。不过你可以通过修改属性stopTogether来修改这个行为。

this._opacityAnimationValue = new Animated.Value(1);
this._moveAnimationValue = new Animated.ValueXY();


Animated.parallel([
    Animated.timing(this._moveAnimationValue, {
        toValue: 100,
        duration: 500
    }),
    Animated.timing(this._opacityAnimationValue, {
        toValue: 0,
        duration: 200
    })
]).start()

<Animated.View style={{opacity: this._opacityAnimationValue, transform: this._moveAnimationValue.getTranslateTransform()}} />

上面的例子和前一节的例子是一样的,parallel方法包含的两个方法一个控制位移,一个控制透明度。

在动画执行的过程中,view会在位移的同时透明度逐步从1变到0.

results matching ""

    No results matching ""