我正在使用 React Native 创建一个移动应用程序,我最终使用 react-navigation v6 在我的应用程序的仪表板中创建了一个抽屉导航器。仪表板仅在用户登录时显示,而登录屏幕在用户未登录时显示。
我想在仪表板上添加一个抽屉,并使用仪表板顶部栏上的按钮打开它。我有一个DashboardScreens
组件,它只呈现这样的仪表板组件:return <Dashboard />;
. 我为创建抽屉所做 的就是createDrawerNavigator
从. 现在,返回的 JSX如下所示:'@react-navigation/drawer'
NavigationContainer
'@react-navigation/native'
DashboardScreens
<NavigationContainer>
<MenuNav.Navigator
initialRouteName="Dashboard"
>
<MenuNav.Screen name="Dashboard" component={Dashboard} />
</MenuNav.Navigator>
</NavigationContainer>
导航器的创建是在 的定义之上完成的DashboardScreens
,通过这一行:const MenuNav = createDrawerNavigator();
但是,我现在得到的只是一个空白屏幕。