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