javascript - 如何使 React Native Animated.View 可点击？

Question

我正在使用这个 React Native tinder 演示 -> https://github.com/brentvatne/react-native-animated-demo-tinder

是否可以使卡片“可点击”，以便在点击时导航到另一个 View ？我试过将“可触摸”组件包裹在动画 View 周围，但这样做会禁用动画。

任何想法将不胜感激，谢谢!

Answer 1

另一种方法(对我来说效果更好)是使用 Animated 的 createAnimatedComponent 方法创建 AnimatedTouchable 组件:

const AnimatedTouchable = Animated.createAnimatedComponent(TouchableOpacity);

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