如何在react-native-gesture-handler/Swipeable中禁用左滑动手势？

zvms9eto 于 2023-02-09 发布在 React

关注(0)|答案(1)|浏览(254)

- 说明：**

我们正在创建一个类似于Instagram的组件，其中我们有一个帖子屏幕和消息屏幕。当从右向左滑动时，屏幕从帖子屏幕导航到消息屏幕。对于滑动，我们使用@react-navigation/material-top-tabs
在消息传送屏幕中，平面列表组件用于显示对话列表，其中react-native-gesture-handler/Swipeable用于在用户执行"从右到左"滑动时显示删除和静音按钮控件，类似于Instagram，其工作100%正常，但当尝试在平面列表上使用从左到右滑动导航回发布屏幕时，react-native-gesture-handler/Swipeable手势执行，并且其"onSwipeableOpen"不应执行的回调调用，以便顺利执行从消息传递到Post屏面的转换。
以及没有办法禁用从左到右滑动平面列表。有什么解决方案/变通方案或任何建议，以实现这一任务？
先谢谢你

react-native

来源：https://stackoverflow.com/questions/75369425/how-to-disable-left-swipe-gesture-in-react-native-gesture-handler-swipeable

1条答案

按热度按时间

nqwrtyyt1#

您应该能够在onSwipeableOpen中检测到左滑动和右滑动

//onSwipeableOpen?: (direction: 'left' | 'right') => void;

onSwipeableOpen(direction){
    //check direction here
    if(direction == 'left') return

    //do your operations
}

如果你没有将renderLeftActions传递给Swipeable，那么它将被禁用为左滑动。

赞(0）回复(0）举报 2023-02-09

我来回答

如何在react-native-gesture-handler/Swipeable中禁用左滑动手势？

1条答案

相关问题

热门标签

最新问答