React native TabNavigator不切换选项卡。navigation.navigate不是一个函数

我刚开始一个新项目，并添加了一个TabNavigator。当我点击其中一个选项卡时，会出现一个红色错误，说明：

"navigation.navigate is not a function(In 'navigation/navigate(navigateion.state.routes[index].routeName', 'navigation.navigate' is undefined)"

如果我更改初始路线，每个选项卡将正确显示在屏幕上，并在屏幕底部高亮显示正确的选项卡

导出默认选项卡导航器(
{
主屏幕：{屏幕：主屏幕}，
卡片：{screen:CardScreen}，
计划：{screen:ScheduleScreen}，
},
{
initialRouteName:“主页”，
}
);

这就是我用来更改选项卡的内容

这是我的客户B的定义

const customeTab=（{navigation}）=>{

下面是naviagate的代码：

const routes=navigation.state.routes；
{routes.map（（路由，索引）=>{
返回(
{
导航。导航（route.key）；
}
}
style={style.tab}
key={route.key}
>
//你有东西显示标题和图片。
);
})
}

这就是我用来更改选项卡的内容

这是我的客户B的定义

const customeTab=（{navigation}）=>{

下面是naviagate的代码：

const routes=navigation.state.routes；
{routes.map（（路由，索引）=>{
返回(
{
导航。导航（route.key）；
}
}
style={style.tab}
key={route.key}
>
//你有东西显示标题和图片。
);
})
}

我以为问题出在你的导航上

从'react navigation'导入{TabNavigator}；
从“/Home”导入主屏幕
从“/Settings”导入设置屏幕
导出默认选项卡导航器({
主屏幕：{屏幕：主屏幕}，
设置：{屏幕：设置屏幕}，
});

如果你想将一个页面切换到另一个页面，你必须使用导航方法

在选项卡之间跳跃 从一个选项卡切换到另一个选项卡有一个熟悉的API-this.props.navigation.navigate

从'react native'导入{按钮、文本、视图}；
类主屏幕扩展了React.Component{
render（）{
返回(
家
this.props.navigation.navigate（'Settings'）}
/>
);
}
}
类设置屏幕扩展React.Component{
render（）{
返回(
设置！
this.props.navigation.navigate（'Home'）}
/>
);
}
}

---

点击这个。这是一份官方文件，将帮助您。

我认为问题在于您的导航

从'react navigation'导入{TabNavigator}；
从“/Home”导入主屏幕
从“/Settings”导入设置屏幕
导出默认选项卡导航器({
主屏幕：{屏幕：主屏幕}，
设置：{屏幕：设置屏幕}，
});

如果你想将一个页面切换到另一个页面，你必须使用导航方法

在选项卡之间跳跃 从一个选项卡切换到另一个选项卡有一个熟悉的API-this.props.navigation.navigate

从'react native'导入{按钮、文本、视图}；
类主屏幕扩展了React.Component{
render（）{
返回(
家
this.props.navigation.navigate（'Settings'）}
/>
);
}
}
类设置屏幕扩展React.Component{
render（）{
返回(
设置！
this.props.navigation.navigate（'Home'）}
/>
);
}
}

---

点击这个。这是一个可以帮助您的官方文档。

将React导航从2.0.0降级到1.0.3可以解决此问题。

将React导航从2.0.0降级到1.0.3可以解决此问题。

显示用于移动到下一屏幕的代码。没有代码。只需点击标签本身就可以解决这一问题。基本选项卡设置。显示用于移动到下一屏幕的代码。没有代码。只需点击标签本身就可以解决这一问题。基本选项卡设置。这是文档中的示例。没有路线设置。TabNavigator可以处理这个问题。我可以在我的手机上运行这个例子，没有任何问题。但是，将代码复制并粘贴到我的项目中会产生相同的

navigation.navigate不是一个函数

error…好吧，如果我降级为react navigation 1.0.3，而不是发布的2.0，它会按预期工作。这是文档中的示例。没有路线设置。TabNavigator可以处理这个问题。我可以在手机上运行该示例，没有问题。但是，将该代码复制并粘贴到我的项目中会产生相同的

navigation.navigate不是一个函数

error…好吧，如果我降级为react navigation 1.0.3，而不是2.0版，它会按预期工作。感谢复制和粘贴文档。我不知道那是否存在。“在标签之间跳跃”可以将其路由到新标签，而不必窥视标签本身。问题在于React navigation 2.0.0。一旦我降级到1.0.3，它就正常工作了。感谢您复制和粘贴文档。我不知道那是否存在。“在标签之间跳跃”可以将其路由到新标签，而不必窥视标签本身。问题在于React navigation 2.0.0。一旦我降级到1.0.3，它就正常工作了。