javascript - 在 DrawerNavigator 中隐藏标题( react 导航)

Question

嘿..

我目前正在研究 react-navigation 并试图解决抽屉打开时标题未隐藏的问题...

我希望任何人都可以分享如何解决这个有问题的 header ..下面我附上了我在 StackNavigator 中集成 DrawerNavigator 的代码。

const Home = DrawerNavigator({
  HomeMenu: { screen: HomeMenu },
  Messages: { screen: Messages },
  Notifications: { screen: Notifications },
  Badges: { screen: Badges },
  Leaderboard: { screen: Leaderboard },
  Profile: { screen: Profile },
  Logout: { screen: Logout }
});

const MainActivity = StackNavigator({
  Home: { screen: Home }
})

提前致谢!

Answer 1

您可以像这样隐藏标题:-

const Home = DrawerNavigator({
  HomeMenu: { screen: HomeMenu,
    navigationOptions: {
          header:false, //hide header if not needed so whole screen slide  

    },
},
  Messages: { screen: Messages },
  Notifications: { screen: Notifications },
  Badges: { screen: Badges },
  Leaderboard: { screen: Leaderboard },
  Profile: { screen: Profile },
  Logout: { screen: Logout }
});

const MainActivity = StackNavigator({
  Home: { screen: Home }
})