使用页眉中的按钮来反应堆栈中的导航选项卡

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"
        />
      ),
    },
  }
);

我还尝试使用静态navigationOptions创建一个组件，并让render（）返回TabNavigator。在这种情况下，标题看起来不错，但选项卡却没有。

谢谢！