Заголовок не отображается в ящике с использованием родной версии React Navigation v5

Я использую нативную версию React Navigation v5[https://reactnavigation.org/docs/drawer-navigator#options], но заголовок не отображается, почему? Может быть, я что-то упускаю.

 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>

  );
}

person sandeep singh    schedule 04.03.2020    source источник


Ответы (1)


Заголовок доступен на экране Stack Navigator. Если он вам нужен, создайте вложенный навигатор для размещения ProfileScreen и SettingsScreen.

Или, в качестве альтернативы, добавьте собственный заголовок в метод рендеринга ProfileScreen и SettingsScreen.

person cltsang    schedule 04.03.2020