如何在React Native DrawerNavigator中隐藏最后两个导航项？

首先，你的代码里<Drawer.Screen name='Categories' component={Categories}这一行缺少闭合标签/>，请先修正这个语法错误。

针对隐藏最后两个导航项的需求，有两种实用方案，你可以根据实际场景选择：

方案一：直接移除不需要显示的Screen组件 #

如果PostPage和Category页面不需要通过抽屉菜单访问，仅通过其他页面跳转进入，直接删除对应的<Drawer.Screen>组件即可，修改后的代码如下：

<NavigationContainer>
      <Drawer.Navigator>
             <Drawer.Screen name="Home" component={Home}/>
             <Drawer.Screen name='Categories' component={Categories}/>
      </Drawer.Navigator>
</NavigationContainer>

方案二：保留路由但隐藏抽屉项 #

如果需要保留这两个页面的路由（比如仍能通过navigation.navigate跳转，但不在抽屉菜单中显示），可以给对应的Screen添加options属性，设置抽屉项隐藏：

<NavigationContainer>
      <Drawer.Navigator>
             <Drawer.Screen name="Home" component={Home}/>
             <Drawer.Screen name='Categories' component={Categories}/>
             <Drawer.Screen 
               name="PostPage" 
               component={PostPage}
               options={{ drawerItemStyle: { display: 'none' } }}
             />
             <Drawer.Screen 
               name='Category' 
               component={Category}
               options={{ drawerItemStyle: { display: 'none' } }}
             />
      </Drawer.Navigator>
</NavigationContainer>

设置后，这两个页面的路由依然可用，但抽屉菜单里不会显示对应的选项。

内容的提问来源于stack exchange，提问作者Pradeep Sapkota