首页 文章

反射导航 Headers 在drawernavigator中消失

提问于
浏览
0

我将react-navigation更新为1.0.0-beta.19,现在我的导航器组件无法正常工作 . Headers 从DrawerNavigator中消失了 .

奇怪的是,我试图将软件包恢复到以前的版本(1.0.0-beta.13),但它没有修复它 . 也许它与版本更新无关,但这是唯一改变的东西 .

我在node_modules中检查了包,它确实已恢复到以前的版本 .

我很好奇的是我的导航器组件是坏的还是问题出在其他地方?

导航器组件(自下而上):

const AuthStack = StackNavigator({
    login: { screen: LoginScreen }
    ,forgottendPassword: { screen: ForgottenScreen }
}, {
    initialRouteName: 'login'
    ,headerMode: 'none'
});

// HomeScreen with drawer menu
const HomeDrawer = DrawerNavigator({
    home: {
        screen: HomeScreen
        ,navigationOptions: { drawerLockMode: 'locked-closed' }
    }
}, {
    initialRouteName: 'home'
    ,drawerPosition: 'right'
    ,drawerWidth: 300
    ,contentComponent: props => <HomeDrawerMenu {...props} />
});

// Main stack
const MainStack = StackNavigator({
    homeDrawer: {
        screen: HomeDrawer
        ,navigationOptions: ({ navigation }) => ({
            header: <HomeMenu navigate={navigation.navigate} />
        })
    }
    ,partnerList: {
        screen: PartnerListScreen
        ,navigationOptions: ({ navigation }) => ({
            header: <PartnerListMenu navigation={navigation} />
        })
    }
}, {
    initialRouteName: 'homeDrawer'
});

// Root navigator
const Nav = StackNavigator({
    auth: { screen: ({ navigation }) => 
        <AuthStack screenProps={{ rootNavigation: navigation }} />
    }
    ,main: { screen: ({ navigation }) =>
        <MainStack screenProps={{ rootNavigation: navigation }} />
    }
}, {
    initialRouteName: 'auth',
    headerMode: 'none',
});

export default Nav;

包:

  • react - 16.0.0-beta.5

  • react-native - 0.49.3

  • 世博会 - 22.0.0

编辑:缺少菜单的HomeScreen的屏幕截图:

enter image description here

1 回答

  • 1

    一个不必要的 flex: 1 导致了这个问题 .

相关问题