Javascript 抽屉导航屏幕上的显示标题和后退按钮

我只是添加了抽屉导航，效果很好，但在选项中，并没有Stack那样的headerShown

我创建了几个屏幕示例，并在同一个文件中使用tapbar、stack和drawer+

我搜索了一些YouTube，没有具体的解释

多谢各位

您可以查看我当前的应用程序：

本垒打

const HomeStack = createStackNavigator();

function HomeStackScreen() {
  return (
    <HomeStack.Navigator>
      <HomeStack.Screen
        name="Home"
        component={Home}
        options={{ headerShown: false }}
      />

      <HomeStack.Screen name="Details" component={DetailsScreen} />
    </HomeStack.Navigator>
  );
}

const HomeStack=createStackNavigator（）；
功能屏幕（）{
返回(
);
}

抽屉

const Drawer = createDrawerNavigator();

const Tab = createBottomTabNavigator();
export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator initialRouteName="Home">
        <Drawer.Screen name="Home" component={MainScreen} />
        <Drawer.Screen
          name="Leaderboards"
          component={Leaderboards}
          options={{
            drawerIcon: (config) => <AntDesign size={23} name="user" />,
          }}
        />
      </Drawer.Navigator>
    </NavigationContainer>
  );
}
````

const Drawer=createDrawerNavigator（）；
const Tab=createBottomTabNavigator（）；
导出默认函数App（）{
返回(
,
}}
/>
);
}
````

抽屉屏幕没有标题选项。您可以为排行榜屏幕制作自己的标题组件，也可以在抽屉屏幕中嵌套包含排行榜屏幕的堆栈导航器，并通过选项属性自定义标题