`headerMode: none` doesn't work - renders header effectively

[wzup]

Current Behavior

headerMode: 'node', renders header all right.

But docs says:

none - No header will be rendered.

Expected Behavior

none - No header will be rendered.

How to reproduce

export const TabsMain = TabNavigator({
  Home: {
    screen: DashboardStack,
    navigationOptions: {
      headerStyle,
      headerMode: 'none',  // doesn't work
      headerTitleStyle,
      header: null, // only this works
    }
  },

Your Environment

software	version
react-navigation	1.5.8
react-native	0.54.2
node	8.11.3
npm or yarn	5.6.0

[benprebble]

what do you mean by 'node'

headerMode: 'node', // doesn't work

??

[wzup]

@benprebble
Typo, sorry. Should be none

[vikrantnegi]

headerMode is not a property of navigationOptions but of the navigator. Use it for navigator instead.

export const TabsMain = TabNavigator({
  Home: {
    screen: DashboardStack,
    navigationOptions: {
      headerStyle,      
      headerTitleStyle,
      header: null, // only this works
    },
  },
 {
     headerMode: 'none',  // should work here
  } 
);

See here: https://reactnavigation.org/docs/en/stack-navigator.html