How to make React Native Animated.View clickable?

I guess you can use TouchableX inside the Animated.View

import { Animated, TouchableOpacity } from 'react-native'
<Animated.View>
  <TouchableOpacity>
    <View>
      stuff
    <View>
  </TouchableOpacity>
</Animated.View>

Ensure you are using the correct imports (not react-native-gesture-handler) otherwise it might not work on Android.


Another method (which worked better for me) is to create AnimatedTouchable component using createAnimatedComponent method of Animated:

const AnimatedTouchable = Animated.createAnimatedComponent(TouchableOpacity);

<AnimatedTouchable onPress={this.onPress}>
  stuff here
</AnimatedTouchable>