没有从StackNavigator显示DrawerItem（反应导航）-Java 学习之路

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

基本上我的反应导航结构看起来像这样

StackNavigator作为根.. DrawerNavigator作为第2层..而另一个StackNavigator作为第3层..

我的问题是，当我将我的组件放在DrawerNavigator中时，导航到组件后组件头将不会显示..所以，我希望有人能指出我当我将组件放在DrawerNavigator中时如何使 Headers 可见 . 如果我没有在DrawerNavigator中放置任何组件，并且内部StackNavigator中的所有屏幕都没有，那么 Headers 将是可见的，但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 },
)}

enter image description here

希望有人能帮助我 . 谢谢！

1 回答

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

我不明白这是哪个 Headers ？

但是当我从Drawer导航路线并打开一个屏幕时， Headers 会显示出来

如果 HomeNavigator 的 Headers 是're talking about navigator header, it'，你可以像rootNav那样做 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的风格和道具有一些重大变化
回复于 2024-04-29T02:10:02+08:00

没有从StackNavigator显示DrawerItem（反应导航）

1 回答

相关问题