Stack.Navigator 未显示后退按钮

Question

我正在尝试实现一个简单的导航，但由于某种原因后退按钮没有显示。

我的主要组件

    <NavigationContainer>
      <Stack.Navigator>
        {userToken ? (
          <Stack.Screen name={routesName.App} component={TabNavigator} />
        ) : (
          <Stack.Screen name={routesName.Auth} component={AuthStack} />
        )}
      </Stack.Navigator>
    </NavigationContainer>

标签导航

const TabNavigator = () => {
  return (
    <Tab.Navigator>
      <Tab.Screen name={routesName.Home} component={HomeStack} />
      <Tab.Screen name={routesName.Settings} component={SettingsStack} />
    </Tab.Navigator>
  );
};

const HomeStack = () => {
  return (
    <Stack.Navigator initialRouteName={routesName.Home}>
      <Stack.Screen name={routesName.Home} component={HomeScreen} />
      <Stack.Screen name={routesName.Details} component={DetailsScreen} />
    </Stack.Navigator>
  );
};

const SettingsStack = () => {
  return (
    <Stack.Navigator>
      <Stack.Screen name={routesName.Settings} component={SettingsScreen} />
      <Stack.Screen name={routesName.Profile} component={ProfileScreen} />
    </Stack.Navigator>
  );
};

无论我去哪个屏幕，应用程序标题总是显示“应用程序”作为标题。

Answer 1

我相信这是因为无论您的嵌套堆栈如何，您的根堆栈始终在 App 上。在你的根堆栈中试试这个：

<Stack.Navigator screenOptions={{ headerShown: false }}>

更多信息在这里：https : //reactnavigation.org/docs/stack-navigator/#headershown