使用React Navigation本机v5,标题未显示在抽屉中

时间:2020-03-04 08:42:38

标签: react-native react-navigation-drawer

我正在使用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>

  );
}

1 个答案:

答案 0 :(得分:1)

页眉在Stack Navigator屏幕中可用。 如果需要,请制作一个嵌套的导航器来容纳ProfileScreen和SettingsScreen。

或者,将自定义标头添加到ProfileScreen和SettingsScreen的呈现方法。