Реагировать заголовок навигации для вкладок

Question

У меня есть TabNavigator, встроенный в навигатор стека.Я хочу, чтобы заголовок заголовка текущей активной вкладки.Как я могу это сделать?

Вот как выглядит мой стек:

const Tabs = createBottomTabNavigator({
  Home,
  Bookings,
  UserCenter,
  Wallet,
  Help
}, {
  tabBarOptions: {
    activeTintColor: 'tomato',
    inactiveTintColor: 'gray',
  },
  tabBarPosition: 'bottom',
  animationEnabled: false,
  swipeEnabled: false
});

const App = createStackNavigator({
  Tabs,
  HelpQuestion,
  Service,
  Category,
  BookNow,
  Favorites,
  BookingSummary,
  Referral,
  Search,
  Login,
  Signup
}, {
  headerMode: 'screen',
  navigationOptions:({navigation}) => {
    // let title = navigation.state.routes[navigation.state.index])
    return {headerTintColor: '#EA0600'}
  }
})