React-native-animatable: Animatable.TouchableOpacity | WithoutFeedback | Highlight

[ghost]

I really think these should be included by default, as you cannot wrap them with

TouchableOpacity = Animatable.createAnimatableComponent(TouchableOpacity);

as you'll get an error about the component being read-only.

I'm aware that you can wrap your Touchable's in an Animatable.View however, when your parent has the animation already, the nest becomes really complicated and messy, for example if you wanted to have an animation on a click event that changed styles, but slide the component in on load, and slide the component out when another event happens.

[oblador]

The error you are getting is because you are trying to overwrite a constant/imported value. Try this instead:

const AnimatableTouchableOpacity = Animatable.createAnimatableComponent(TouchableOpacity);

[oblador]

You didn't apply the code I wrote :-)

Try

const AnimatableTouchableHighlight = Animatable.createAnimatableComponent(TouchableHighlight );

[KriYor]

Oh my god. I am so sorry.
It worked as expected now.