Моя текущая проблема заключается в том, что моя анимация не активируется для правильного id
, который был назначен:
anim_star = (id) => {
let progress = this.state.progress;
progress[id] = new Animated.Value(0);
this.setState({ progress });
console.log(this.state.progress);
Animated.timing(this.state.progress, {
toValue: 1,
duration: 2000,
easing: Easing.linear,
}).start();
}
Результат console
этого здесь:
![enter image description here](https://i.stack.imgur.com/xkZ0Z.png)
Там, где вы видите 10: AnimatedValue
, 10
представляет id
, который я нажал для этой анимации. По какой-то причине анимация не воспроизводится для 10
.
Вот моя попытка и (я думаю) добавить правильный id
к AnimatedValue
:
<TouchableOpacity
onPress={this.anim_like.bind(this, item.id)}>
<Animation
progress={this.state.progress[item.id]} // Here is where I think I need to fix.
source={require('../Animations/favourite_app_icon.json')}
/>
</TouchableOpacity>
Есть ли способ издеваться над тем, что у меня происходит в console.log
?