Реагировать на вкладку навигации в стеке с кнопкой в ​​заголовке

Question

Я бы хотел, чтобы TabNavigator был встроен в StackNavigator с кнопкой в ​​заголовке, который использовался для навигации в основном стеке.

Вот закуска моей проблемы: https://snack.expo.io/@guigui64/tabs-in-stack

Проблема заключается в том, что я создаю TabNavigator:

const TabNavigator = createMaterialTopTabNavigator(
  {
    ScreenA,
    ScreenB,
  },
  {
    navigationOptions: {
      headerTitle: 'Title when in tab',
      headerRight: (
        <Button
          onPress={() => this.props.navigation.navigate('C')} // here is the issue !
          title="ScreenC"
        />
      ),
    },
  }
);

Я также пытался создать Компонент со статическими навигационными параметрами и сделать так, чтобы render () возвращал TabNavigator.В этом случае заголовок выглядит нормально, но не вкладки.

Заранее спасибо!