类型错误：在导航状态中找不到“路线”

我在用createMaterialTopTabNavigator来自反应导航，其中我有两个单独的屏幕UpdatesStack and ShopsStack我想从这些屏幕导航到其他屏幕，所以我写的是<Toptab navigation={this.props.navigation} />它向我显示以下红屏错误。

如果我这样写<Toptab />然后没有错误，但我无法导航。

那么我该如何解决这个问题并能够导航。

code

class Parenthome extends Component {
  render() {
    const { navigate } = this.props.navigation;
    return (
      <View style={styles.container}>
        <ToolbarAndroid
          style={styles.toolbar}
          title="Toolbar"
          titleColor="#ff6600"
        />

        <Toptab navigation={this.props.navigation} />
      </View>
    );
  }
}

const UpdatesStack = createStackNavigator(
  {
    Updates: { screen: Home }
  },
  {
    initialRouteName: "Updates"
  }
);

const ShopsStack = createStackNavigator(
  {
    Shops: { screen: Conshop }
  },
  {
    initialRouteName: "Shops"
  }
);

const Toptab = createMaterialTopTabNavigator({
  Updatestab: { screen: UpdatesStack },
  Shopstab: { screen: ShopsStack }
});

export default Parenthome;

我知道现在已经晚了，但只是为了回答那些从搜索引擎中偶然发现这一点的人：

1. 为什么不导出默认的 TopTab 本身。在您的用例中似乎没有必要将 TopTab 与 ParentTheme 组件一起包装。您可以设置 TopTab 导航器本身的样式并像任何其他组件一样渲染它。

2. 如果您必须包装 TopTab，除了导航道具之外，您还需要从顶部选项卡访问路由器。这样它们都引用同一个路由器。简单来说，添加Parent Theme：

静态路由器 = TopTab.router;

查看自定义导航器以获取更多信息。https://reactnavigation.org/docs/en/custom-navigators.html https://reactnavigation.org/docs/en/custom-navigators.html