且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何在每个选项卡中实现抽屉导航器?

更新时间:2023-01-05 11:17:11

我所要做的就是在其中创建一个独立的导航容器和一个堆栈导航器,它包含一个 Stack Screen 并且它接受抽屉作为一个组件.

All I had to do was create an independent Navigation Container and a Stack Navigator inside of it, which contains a Stack Screen and it accepts the drawer as a component.

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

const Stack = createStackNavigator();

function Notifications_Drawer({ navigation }) {
 return (
  <Drawer.Navigator ... >
      <Drawer.Screen ... />
      <Drawer.Screen ... />
      <Drawer.Screen ... />
  </Drawer.Navigator>
 )
}

export default function NotificationsDrawer() {
    return (
        <NavigationContainer independent={true}>
            <Stack.Navigator>
                <Stack.Screen
                    name="Notifications_Drawer"
                    component={Notifications_Drawer}
                    options={{ headerShown: false }}
                />
            </Stack.Navigator>
        </NavigationContainer>
    );
}