React Nativeで複数のAnimated.timingを一度に開始

Question

すべてのアニメーションに対して1つのコールバックを使用して、複数のReact Nativeアニメーションを同時に開始しようとしています。この例はうまくいきますが、実際には好きではなく、コールバックで1つのアニメーションしか持たずに順番に開始する必要があります。よりエレガントな方法がありますか？

Animated.timing(this.state.opacity, { 
    toValue: 0, 
    duration: 300 
}).start(); 

Animated.timing(this.state.height, { 
    toValue: 0, 
    duration: 300 
}).start(() => { 
    // callback 
}); 

Answer 1

はい、あります。 Animated.parallelを使用することができます！

Animated.parallel([ 
    Animated.timing(this.state.opacity, { 
     toValue: 0, 
     duration: 300 
    }), 
    Animated.timing(this.state.height, { 
     toValue: 0, 
     duration: 300 
    }) 
]).start(() => { 
    // callback 
});