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