Запустите несколько Animated.timing сразу с помощью React Native

Question

Я пытаюсь запустить несколько анимаций React Native сразу, с одним обратным вызовом для всех анимаций. Пример отлично работает, но мне не нравится, что мне нужно начинать один за другим и иметь только одну анимацию с обратным вызовом. Есть ли более элегантный способ?

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 
});