React Native：可滑动和可触摸

Question

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

1. 当用户触摸卡片时 - ＆gt;加载有关卡的详细信息
2. 当用户向下滑动卡片时 - ＆gt; “喜欢”它并显示下一张卡
3. 当用户刷卡时 - ＆gt; “跳过”并显示下一张卡

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

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

Answer 1

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

如下所示：

<!-- 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>

我自己就这样修好了。

BTW：反过来嵌入元素（如<TouchableHighlight><Swipeable /></TouchableHighlight>所示）给了我很多问题所以我不建议这样做。