how to display headers in react navigation with TabNavigation

Question

I noticed that views in StackNavigation show the header title but if I set those same screens in a TabNavigation it doesn\'t show a header. It only shows a header if I wrap a S

Answer 1

According to React-Navigation TabNavigator Docs there is no header navigationOption. Therefore, when you write the following code you are actually setting a nonexisting value thus what you are doing does not affect anything.

navigationOptions: {
  header: { visible: true },
}

Sadly, you need a StackNavigator in this situation.