使用React Navigation原生v5时，标题未显示在抽屉中

Question

我使用的是React Navigation原生v5[https://reactnavigation.org/docs/drawer-navigator#options]，但Header没有显示原因？可能是我错过了什么。

const Drawer = createDrawerNavigator();
//==============================
//===============Navigation Drawer===============
//==============================
return (
<NavigationContainer>      
<Drawer.Navigator 
headerMode= "screen"
title='Drawer Screen'
initialRouteName="Home">
<Drawer.Screen 
name="Home" 
component={DrawerHome}
options={{          
title: "Home",
drawerIcon: () => (
<Image source={require("./Images/hamburger.png")}
style={{height: 20, width: 20}}
/> ), 
}}
/>
<Drawer.Screen name="Profile" component={ProfileScreen} />
<Drawer.Screen name="Settings" component={SettingsScreen} />
</Drawer.Navigator>
</NavigationContainer>
);
}

Answer 1

Header在Stack Navigator屏幕中可用。如果需要，可以制作一个嵌套导航器来容纳ProfileScreen和SettingsScreen。

或者，将自定义标头添加到ProfileScreen和SettingsScreen的渲染方法中。