Reactjs 如何使用绘图导航器

我正在为我的初创公司创建一个应用程序，我需要使用一个堆栈和一个绘图导航器，我已经开发了所有的堆栈，但是绘图没有出现 检查我的代码

 import React from 'react';
 import MapView from 'react-native-maps';
 import{ View, ScrollView, Text, StyleSheet, Dimensions} from 'react-native';
 import {NavigationContainer} from '@react-navigation/native'
 import {createStackNavigator}  from '@react-navigation/stack' 
 import {createDrawerNavigator} from '@react-navigation/drawer'
 import { render } from 'react-dom';
 import  Home from './screens/Mainpage'
 import  Dermatologistas from './screens/Dermatologistas'
 import  Hospitais from './screens/Hospitais'


 import * as firebase from 'firebase'
 import { firebaseConfig } from './firebaseconfig';
 import react from 'react';
 import Login from './screens/Login';
 firebase.initializeApp(firebaseConfig)






  const  width = Dimensions.get('window').width
  const heigth = Dimensions.get('window').height

在这里，我创建了堆栈常量和抽屉常量

 const Drawer = createDrawerNavigator()
 const Stack = createStackNavigator()

在这里，我制作了draw函数

 function Draw() {
   return(
    <Drawer.Navigator>
      <Drawer.Screen name="Home" component={Home}/>
      <Drawer.Screen name="Login" component={Login}/>
    </Drawer.Navigator> 

   );
 }

函数绘图（）{
返回(
);
}

我在这里导出应用程序

  export default function App(){
     return (
  
       <NavigationContainer initialRouteName="Home">
           <Stack.Navigator>
      
           <Stack.Screen name="Home" component={Home}/>
           <Stack.Screen name="Dermatologistas" component={Dermatologistas}/>
           <Stack.Screen name="Hospitais" component={Hospitais}/>
           <Stack.Screen name="Draw" component={Draw}/>
      
         </Stack.Navigator>
   
       </NavigationContainer>
      
      );
     }

导出默认函数App（）{
返回(
);
}

你能做的就是

renderHomeNavigator = () => {

    <Stack.Navigator>
      
           <Stack.Screen name="Home" component={Home}/>
           <Stack.Screen name="Dermatologistas" component={Dermatologistas}/>
           <Stack.Screen name="Hospitais" component={Hospitais}/>      
    </Stack.Navigator>
}



<NavigationContainer>

    <Stack.Navigator>

            <Drawer.Navigator>
                <Drawer.Screen name="Home" component={this.renderHomeNavigator}/>
            </Drawer.Navigator> 

            <Stack.Screen
              name="Login"
              component={Login}
            />
   </Stack.Navigator>          
   

</NavigationContainer>

renderHomeNavigator=（）=>{
}

您想让抽屉出现在所有屏幕上，还是只在家里，然后在所有屏幕上登录