javascript - 如何从React Native的Reac Navigation中禁用createDrawerNavigation中的 header

背景

在构建React Native应用程序并使用React Navigation中的DrawerNavigator时，我最终需要自定义createDrawerNavigator附带的标头。我发现我可以自定义createStackNavigator。

createStackNavigator


可以隐藏标题
可以自定义标题。


createDrawerNavigator


无法隐藏标题
无法自定义标题。


题

在React Navigation中使用createDrawerNavigator时，如何隐藏或自定义自动添加到我的应用程序中的标题？

例

createStackNavigator

我可以隐藏使用createStackNavigator时出现的标题，

const Secure = createStackNavigator(
  {
    Drawer: {
      screen: drawer,
    },
  },
  {
    initialRouteName: 'Drawer',
    headerMode: 'none',
  },
);

createDrawerNavigator

使用createDrawerNavigator时，我不会尝试隐藏或自定义标题。我也搜索了文档，但是找不到任何有关如何处理createDrawerNavigator的React Native导航版本3中的标头的内容。

最佳答案

此代码将对自定义抽屉组件的标题无帮助。

const customDrawerContentComponent = (props) => {
   Contact: {
    screen: ContactScreen ,
    navigationOptions: () => ({
      header: null
    })
   }
}



const AppDrawerNavigator = createDrawerNavigator({
  Home: {
    screen: HomeScreen,
    navigationOptions: () => ({
       header: null
    })
  }
}, {
  contentComponent: customDrawerContentComponent,
})

关于javascript - 如何从React Native的Reac Navigation中禁用createDrawerNavigation中的 header ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54340824/