[英]DrawerItems not showing from StackNavigator (react-navigation)
目前,我正在尝试使用反应导航制作抽屉。 我的react-navigation版本是:“ ^ 1.0.0-beta.7”
基本上我的反应导航结构看起来像这样
根目录为StackNavigator,第二层为DrawerNavigator,第三层为另一个StackNavigator。
我的问题是,当我将组件放入DrawerNavigator时,导航到该组件后将不会显示Component标头。因此,我希望有人能指出我如何将组件放入DrawerNavigator时使标头可见。 如果我没有在DrawerNavigator内放置任何组件,而在内部StackNavigator内没有放置所有屏幕,则标题将可见,但是DrawerItems没有任何道具,因此不会在抽屉内显示。
const rootNav = StackNavigator({ MainDrawerNavigator: { screen: MainDrawerNavigator } }, { headerMode: 'screen', navigationOptions: { header: null } }) const MainDrawerNavigator = DrawerNavigator({ Home: { screen: HomeNavigator }, Logout: { screen: Logout } },{ initialRouteName: 'Home', drawerWidth: 270, headerMode: 'screen', contentComponent: (props) => { return( <ScrollView> <DrawerItems {...props} /> </ScrollView> ) }, contentOptions: { style: { marginTop: 0, } } }) const HomeNavigator = StackNavigator({ HomeMenu: { screen: HomeMenu }, StartJourney: { screen : StartJourney }, JournalList: { screen: JournalList }, )}
希望任何人都可以帮助我。 谢谢!
我正在尝试实现DrawerOpen标头不会显示的位置
我不明白这里是哪个标题?
但是,当我从“抽屉”导航路线并打开一个屏幕时,标题将显示
如果您正在谈论导航器标头,它是HomeNavigator
的标头,则可以像使用rootNav navigationOptions: { header: null }
一样进行操作navigationOptions: { header: null }
const HomeNavigator = StackNavigator({
HomeMenu: { screen: HomeMenu },
StartJourney: { screen : StartJourney },
JournalList: { screen: JournalList },
},{
navigationOptions: { header: null }
})
目前的反应导航文档是针对beta.9 / beta.10
我不知道这些道具是否适用于beta.7
。 从beta.7到beta.8,样式和道具都有一些大的变化
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.