DrawerItems 未从 StackNavigator 显示（反应导航）

Question

目前我正在尝试使用 react-navigation 制作抽屉。 我的反应导航版本是：“^1.0.0-beta.7”

基本上我的反应导航结构是这样的

StackNavigator 作为根.. DrawerNavigator 作为第二层.. 和另一个 StackNavigator 作为第 3 层..

我的问题是，当我将组件放入 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 },
)}

希望任何人都可以帮助我。 谢谢！

Answer 1

我正在尝试实现 DrawerOpen 标题不会显示的位置

我不明白这里是哪个标题？

但是当我从抽屉导航路线并打开一个屏幕时，然后 标题会出现

如果您在谈论导航器标题，它是 HomeNavigator 的标题，您可以像使用 rootNav navigationOptions: { header: null } 那样做

 const HomeNavigator = StackNavigator({
    HomeMenu: { screen: HomeMenu },
    StartJourney: { screen : StartJourney },
    JournalList: { screen: JournalList },
},{
navigationOptions: { header: null }
})

当前的 react-navigation 文档是针对 beta.9 / beta.10 的，我不知道这些道具是否适用于 beta.7。从 beta.7 到 beta.8 的风格和道具有一些大的变化