一个带有嵌套StackNavigator的标头

Question

我想在TabNavigator上有标头，因此我将标签放在StackNavigator中，如下所示：

const TabNavigator = createBottomTabNavigator(
  {
    Chats: createStackNavigator({GroupsScreen}),
    Settings: createStackNavigator({SettingsScreen}),
  },
  {
    initialRouteName: 'Settings',
  },
);

但是我需要另外一个外部StackNavigator，它用另外一个屏幕包裹现有的TabNavigator。

const StackNavigator = createStackNavigator(
  {
    Main: TabNavigator,
    Messages: MessagesScreen,
  },
  {
    headerMode: 'none',
    navigationOptions: {
      headerVisible: false,
    },
  },
);

但是然后我在MessagesScreen上没有标题，因为我将其隐藏了，否则我在TabNavigator周围会有两个标题。处理此问题的最佳方法是什么？