How to make React Native Animated.View available?

Question

I use this reaction based on the native tinder entry -> https://github.com/brentvatne/react-native-animated-demo-tinder

Can I make clicks "available" to go to a different view? I tried wrapping the Touchable components around an animated view, but it turned off the animation.

Any ideas would be much appreciated, thanks!

Answer 1

I think you can use TouchableX inside Animated.View

<Animated.View>
  <TouchableOpacity>
    <View>
      stuff
    <View>
  </TouchableOpacity>
</Animated.View>`

Answer 2

you need to write a method to animate inside.

renderButton: function() {
  return (
    <TouchableOpacity onPress={this._onPressButton}>
      <Image
        style={styles.button}
        source={require('./myButton.png')}
      />
    </TouchableOpacity>
  );
},

render()

_onPressButton(){
........
........
}