如何在 React-navigation/react-native 中隐藏后退按钮

Question

我想隐藏左上角的后退按钮，但我不知道如何使用反应导航或反应本机来做到这一点。

刚刚尝试使用static navigationOptions = { header: null }，但< Back按钮仍然有效。

我正在使用Modal并且它有效，但我想知道如何< Back在不使用的情况下隐藏按钮Modal。

先感谢您！

Answer 1

在 iOS 中使用headerLeft: () => <></>效果很好，但在 Android 中仍然显示默认的后退按钮。

我可以通过添加堆栈导航器的屏幕选项headerBackVisible: false来隐藏它，或者您可以将其包含在每个堆栈屏幕的选项中。

更多信息请访问https://reactnavigation.org/docs/native-stack-navigator/#headerbackvisible

Answer 2

我想您正在使用 StackNavigator 并且不需要标题。

您需要headerMode: none在 StackNavigatorConfig 中使用。例如：

const ModalStack = createStackNavigator(
  {
    HomeScreen: { screen: Home },
    ModalScreen: { screen: Modal },
  },
  {
    headerMode: 'none',
    mode: 'modal',
  }
);

更多信息请参见react-navigation 文档。