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

Question

我想隐藏左上角的“后退”按钮，但是我不知道如何使用“反应导航”或“反应本机”来实现。

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

我当时使用的是Modal，但可以使用，但是我想知道如何在不使用< Back的情况下隐藏Modal按钮。

提前谢谢！

Answer 1

    const Stack = createStackNavigator(); 
    <Stack.Navigator screenOptions={{headerShown: false}}>

createStackNavigator 是一个函数，它返回一个包含 2 个属性的对象：屏幕和导航器。它们都是用于配置导航器的 React 组件。 现在在 Stack.Navigator 下方，您可以使用 <Stack.Screen name="Home" component={HomeScreen} /> 放置您的屏幕。在名称中，您可以提供任何名称，在组件中提供您的组件的名称。

Answer 2

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

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

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

react-navigation docs中的更多信息。

Answer 3

这取决于您使用的反应导航版本，请尝试

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

Answer 4

如果它是StackNavigator的默认配置，请转到StackNavigator：

defaultNavigationOptions：{      标头：null， }