React native 如何在堆栈中存在的页面中嵌套抽屉导航器？

我想创建一个只有几个屏幕的小型react原生应用程序：登录和主页。 然而，我也希望有一个抽屉导航器连接到主屏幕。抽屉将包含3个附加屏幕：设备注册、呼叫和声音检查。到目前为止，我的App.js文件如下所示

import { StackNavigator, DrawerNavigator } from 'react-navigation';

import Login from './src/components/Login';
import SignUp from './src/components/SignUp';
import DeviceRegistration from './src/components/DeviceRegistration';
import Call from './src/components/Call';
import Sound from './src/components/Sound';



export const Navigation = StackNavigator({
  Login: { screen: Login },
  SignUp: { screen: SignUp },
  DeviceRegistration: { screen: DeviceRegistration },
  Call: { screen: Call },
  Sound: { screen: Sound },
}, 
    {
  headerMode: 'none',
  initialRouteName: 'Login'
    } 

);


export const Drawer = DrawerNavigator({
    DeviceRegistration: { screen: DeviceRegistration },
    Call: { screen: Call },
    Sound: { screen: Sound },
}, {


});

export default Navigation;

我应该把抽屉放在主屏幕的什么位置，这样我就可以创建一个汉堡包图标，按下它可以访问抽屉导航

export const Drawer = DrawerNavigator({
    SignUp: { screen: SignUp },
    DeviceRegistration: { screen: DeviceRegistration },
    Call: { screen: Call },
    Sound: { screen: Sound },
});

export const Navigation = StackNavigator({
  Login: { screen: Login },
  Home: { screen: Drawer },
});

---

然后在您的

注册

组件中，调用

this.props.navigation.navigate（'drawerropen'）

打开抽屉。

此

主页

屏幕在哪里，汉堡图标在哪里？像这样？对不起，我打错了。主屏幕应该是注册。我希望汉堡包图标出现在注册上