javascript - React Native:可滑动和可触摸

我想在一个视图容器中注册三个手势：


当用户触摸卡时->加载有关卡的详细信息
当用户向下滑动卡片->“赞”并显示下一张卡片时
当用户向上滑动卡片->“跳过”卡片并显示下一张卡片时


我当前的实现使用PanHandler来注册手势，并使用TouchableOpacity减少刷卡时的不透明度。

但是我不确定如何在同一张卡片上实现上述三个手势。

最佳答案

U可以仅使用嵌套在<TouchableHighlight />组件（通常使用react-native-swipeable库实现）中的<Swipeable />（或任何其他“ Touchable”组件）。

因此，如下所示：

<!-- Props are not set in this example for simplicity -->
<Swipeable>
    <!-- You should off course nest some components in the next element if you want to -->
    <TouchableHighlight />
</Swipeable>

我自己修复了这个问题。

顺便说一句：以相反的方式嵌套元素（例如<TouchableHighlight><Swipeable /></TouchableHighlight>）给了我很多问题，所以我不建议这样做。