react-navigation - 使用标题中的按钮反应堆栈中的导航选项卡

Question

我想在 StackNavigator 中嵌入一个 TabNavigator，并在 Header 中有一个按钮，用于在主 Stack 中导航。

这是我的问题的一个小吃：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。在这种情况下，标题看起来很好，但选项卡却没有。

提前致谢 ！

标签： react-navigation