本机反应-如何一起使用stackNavigator和DrawerNavigator

Question

我试图同时使用react本机的DrawerNavigator和StackNavigator，但是由于某种原因，我无法使其正常工作。

下面是我的代码：

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

class App extends Component {
  render(){
    return(
      <View style={{flex:1,backgroundColor:'transparent'}}>
        <AppStackNavigator/>
        <AppDrawerNavigator/>
       </View>
    )
  }
}

const AppDrawerNavigator = DrawerNavigator({
  Home:HomeScreen,
  Price:PriceScreen,
  Info:InfoScreen,
  Login:LoginScreen
})

const  AppStackNavigator = StackNavigator({
  Home:HomeScreen,
  Price:PriceScreen,
  Info:InfoScreen,
  Login:LoginScreen
})

export default App

当我运行此代码时，我的应用程序屏幕被分成两半，顶部显示stackNavigator屏幕，下半部分显示DrawerNavigator屏幕。 有什么办法可以使这两个一起工作？

此外，stackNavigator和createStack Navigator有什么区别？运行这些文件时看不到差异。