Реагируйте на собственную навигацию bottomTabNavigater и заголовок

Question

Я пытаюсь сделать навигацию по приложению, с вкладками внизу и некоторыми кнопками в заголовке.

У меня есть следующие настройки:

AppNavigator.Jsкоторый имеет SwitchNavigation для входа и регистрации.Затем StackNavgation для Mainapp, внутри находится TabNavigator.

const AppStack = createStackNavigator({
  Main: MainTabNavigator,
  Profile: ProfileScreen,
  UserSettings: SettingsScreen,
  Abo: AboScreen,
})

AppStack.navigationOptions = {
  headerRight: (
    <Button
      onPress={() => alert('This is a button!')}
      title="Info"
      color="#fff"
    />
  ),
}

{/* Navigation all the routes added here */}
export default createSwitchNavigator({
  Loading: AuthLoadingScreen,
  Welcome: WelcomeScreen,
  App: AppStack,
  Login: LoginScreen,
  SignUp: SignUpScreen,
  ForgotPassword: ForgotPasswordScreen,
});

MainTabNavigator.js здесь у меня есть вкладки, каждая вкладка является StackNavigator.

const NewsStack = createStackNavigator({
  News: NewsScreen,
});

NewsStack.navigationOptions = {
  tabBarLabel: 'News',
  header: null,
  tabBarIcon: ({ focused }) => (
    <TabBarIcon
      focused={focused}
      name={
        Platform.OS === 'ios'
          ? `ios-information-circle${focused ? '' : '-outline'}`
          : 'md-information-circle'
      }
    />
  ),
};

const AbosStack = createStackNavigator({
  Abos: AboScreen,
});

AbosStack.navigationOptions = {
  tabBarLabel: 'Abos',
  header: null,
  tabBarIcon: ({ focused }) => (
    <TabBarIcon
      focused={focused}
      name={Platform.OS === 'ios' ? `ios-link${focused ? '' : '-outline'}` : 'md-link'}
    />
  ),
};

const MomentsStack = createStackNavigator({
  Moments: MomentsScreen,
});

MomentsStack.navigationOptions = {
  tabBarLabel: 'Moments',
  header: null,
  tabBarIcon: ({ focused }) => (
    <TabBarIcon
      focused={focused}
      name={Platform.OS === 'ios' ? `ios-options${focused ? '' : '-outline'}` : 'md-options'}
    />
  ),
};

export default createBottomTabNavigator({
  News: NewsStack,
  Abo: AbosStack,
  Moment: MomentsStack,
});

В итоге я получаю Два заголовка и не могу добавить значок в заголовок

Как отключить второй заголовок и Как можноЯ добавляю кнопки в верхний колонтитул, чтобы добавить к этому навигацию?