React Native禁用右滑手势返回

最新推荐文章于 2025-05-17 11:29:21 发布

原创最新推荐文章于 2025-05-17 11:29:21 发布 · 8.7k 阅读

1 ·

CC 4.0 BY-SA版权

RN 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在StackNavigator中全局禁用手势返回及特定页面的手势禁用配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

应用中所有的页面都禁用手势返回，则在StackNavigator中添加一个属性

gesturesEnabled: false

const RootStackNavigator = StackNavigator(
  {
    Login: {
      screen: LoginScreen
    },
    Main: {
      screen: MainDrawerNavigator
    }
  },
  {
    index: 0,
    initialRouteName: 'Login',
    headerMode: 'none',
    navigationOptions: {
      gesturesEnabled: false
    }
  }
);

// 禁用某个页面的手势
static navigationOptions = {
        ...
        gesturesEnabled: false,
};