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