Есть ли способ сделать Animated.Value массивом в React Native? - PullRequest
Новая
       32

Есть ли способ сделать Animated.Value массивом в React Native?

0 голосов
/ 18 февраля 2019

Я хочу сохранить высоту нескольких <View> в массиве и анимировать все эти значения вместе.Примерно так: 

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

, это не работает.

Любые советы?

1 Ответ

0 голосов
/ 18 февраля 2019

Создайте массив из Animated.Value, как 

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

Затем используйте Функция создания анимации , чтобы запустить анимацию согласно вашему требованию 

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]}}/>

Надеюсь, это поможет!

...