React Native로 여러 Animated.timing을 동시에 시작하십시오.

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