在反应导航中禁用后退按钮

React.js

阿飞飞云

2020-03-16

我正在使用react本机导航（react-navigation）StackNavigator。它从应用程序整个生命周期的“登录”页面开始。我不想使用返回选项，返回“登录”屏幕。有谁知道登录屏幕后如何将其隐藏在屏幕上？顺便说一句，我也使用以下命令将其隐藏在登录屏幕中：

const MainStack = StackNavigator({
  Login: {
    screen: Login,
    navigationOptions: {
      title: "Login",
      header: {
        visible: false,
      },
    },
  },
  // ... other screens here
})

第1720篇《在反应导航中禁用后退按钮》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共7个回答

西门阳光 2020.03.16

在最新版本（v2）中工作headerLeft:null。您可以添加控制器的navigationOptions波纹管

static navigationOptions = {
    headerLeft: null,
};

神乐Jim 2020.03.16

简单地做

headerLeft: null

您阅读此答案的时间可能已过时。您应该使用以下

   navigationOptions = {
        headerTitle : "Title",
        headerLeft : () => {},
    }

伽罗Jim小哥 2020.03.16

我认为这很简单，只需添加headerLeft : null，我正在使用react-native cli，所以这是示例：

static navigationOptions = {
    headerLeft : null
};

乐达蒙小卤蛋 2020.03.16

react-navigation版本> = 1.0.0-beta.9

navigationOptions:  {
   headerLeft: null
}

Near西里 2020.03.16

我自己找到的;）添加：

  left: null,

禁用默认的后退按钮。

const MainStack = StackNavigator({
  Login: {
    screen: Login,
    navigationOptions: {
      title: "Login",
      header: {
        visible: false,
      },
    },
  },
  FirstPage: {
    screen: FirstPage,
    navigationOptions: {
      title: "FirstPage",
      header: {
        left: null,
      }
    },
  },