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

时间:2018-10-01 16:08:13

标签: react-navigation

我想将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。在这种情况下,标题看起来不错,但选项卡却没有。

谢谢!

0 个答案:

没有答案