React-native-animatable: Update custom animation
How can I update custom animation has defined with Animatable.initializeRegistryWithDefinitions?
Example:
Animatable.initializeRegistryWithDefinitions({
rateAnimation: {
0: {
color: "#aaa",
scale: 1
},
0.25: {
scale: 1.5
},
0.5: {
scale: 1
},
0.75: {
scale: 0.5
},
1: {
color: rateColor,
scale: 1
}
}
});
rateColor changes every render, but rateAnimation never changes. How can I update rateAnimation?
quangtruong16994
All 5 comments
Hey, you're probably better of passing this animation as a prop instead.
<Animatable.View animation={{
0: { color: "#aaa", scale: 1 },
0.25: { scale: 1.5 },
0.5: { scale: 1 },
0.75: { scale: 0.5 },
1: { color: rateColor, scale: 1 }
}} />
oblador
on 11 Jun 2017
@oblador that is great!
beeant
on 11 Jun 2017
Are you on the latest version? The above works locally for me.
oblador
on 11 Jun 2017
@oblador it's working with different style props
beeant
on 11 Jun 2017
Okie, closing this for now then :-)
oblador
on 11 Jun 2017
Related issues
patrickml
路
10Comments
dantman
路
3Comments
ssomnoremac
路
5Comments
Aspirationtocode
路
7Comments
EdmundMai
路
3Comments
Most helpful comment
Hey, you're probably better of passing this animation as a prop instead.