有没有办法让 Animated.Value 在 React Native 中成为一个数组？

我想存储多个高度<View>s 放在一个数组中，并将所有这些值一起设置动画。像这样的事情：

<Animated.View style={{height: this.state.heights[0]}}/>
<Animated.View style={{height: this.state.heights[1]}}/>
<Animated.View style={{height: this.state.heights[2]}}/>

但是，当我尝试这样做时：

this.state = {
  heights: new Animated.Value([10, 20, 30])
}

这是行不通的。

有小费吗？

创建一个数组Animated.Value like

this.heights = [new Animated.Value(10), new Animated.Value(20), new Animated.Value(30)];

然后使用编写动画功能 https://facebook.github.io/react-native/docs/animated#composing-animations根据您的要求运行这些动画

Animated.parallel([
  Animated.timing(this.heights[0], { toValue: **, duration: **}),
  Animated.timing(this.heights[1], { toValue: **, duration: **}),
  Animated.timing(this.heights[2], { toValue: **, duration: **})
]).start()

然后使用this.heights在渲染器方法中，例如

<Animated.View style={{height: this.heights[0]}}/>
<Animated.View style={{height: this.heights[1]}}/>
<Animated.View style={{height: this.heights[2]}}/>

希望这会有所帮助！