如何隐藏反应导航抽屉中的顶部标题

Question

我正在 React expo 中编写一个应用程序，我向该应用程序添加了一个抽屉式导航器，但随后我留下了 2 个标题，一个来自主屏幕，一个来自导航器。 如何摆脱导航器的标题（标记为蓝色）并仅保留主屏幕的标题（标记为红色）。 附上我的代码：

import { createDrawerNavigator } from "@react-navigation/drawer";


const Drawer = createDrawerNavigator();

function App() {
  return (
    <Drawer.Navigator initialRouteName="בית">
      <Drawer.Screen name="בית" component={Home} />
      <Drawer.Screen name="הוסף נהג" component={addDriver} />
    </Drawer.Navigator>
  );
}

这是我的主页堆栈头代码：

<SafeAreaView
      style={{ flex: 1, backgroundColor: COLORS.lightWhite, direction: "rtl" }}
    >
      <Stack.Screen
        options={{
          headerStyle: { backgroundColor: COLORS.lightWhite },
          headerShadowVisible: true,
          headerLeft: () => (
            <ScreenHeaderBtn
              iconUrl={icons.menu}
              dimension="60%"
              handlePress={() => {}}
            />
          ),

          headerTitle: "שינועון",
          headerTitleAlign: "center",
        }}
      />
...

Answer 1

蓝色的标题属于抽屉导航器，红色的标题属于堆栈导航器。您可以在

headerShown: false

的 screenOptions 属性中使用

<Drawer.Navigator>

。

React 导航文档

import { createDrawerNavigator } from "@react-navigation/drawer";

const Drawer = createDrawerNavigator();

function App() {
  return (
    <Drawer.Navigator 
      initialRouteName="בית" 
      screenOptions={{headerShown:false}}
    >
      <Drawer.Screen name="בית" component={Home} />
      <Drawer.Screen name="הוסף נהג" component={addDriver} />
    </Drawer.Navigator>
  );
}