繁体   English   中英

DrawerItems没有从StackNavigator中显示(反应导航)

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM