我正在使用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>
);
}
答案 0 :(得分:1)
页眉在Stack Navigator屏幕中可用。 如果需要,请制作一个嵌套的导航器来容纳ProfileScreen和SettingsScreen。
或者,将自定义标头添加到ProfileScreen和SettingsScreen的呈现方法。