我正在尝试将 React Native 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
?当我运行这些时,我没有看到差异。