如何在 react-native navigator 中隐藏导航项？

Question

我是 React Native 的新手。我必须为 WordPress 后端制作一个应用程序。我在 DrawerNavigaton 中有两个项目，Home 和 Categories。

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

我只想隐藏最后两项。 谢谢。

Answer 1

然后使用@react-navigation/stack

示例代码：

import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

function MyStack() {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Home" component={Home} />
      <Stack.Screen name="Categories" component={Categories} />
      <Stack.Screen name="Post" component={Post} />
    </Stack.Navigator>
  );
}

演示链接https://snack.expo.dev/YshfAVSYx

参考：https://reactnavigation.org/docs/stack-navigator