首页 > 解决方案 > TabNavigator 不切换选项卡。navigation.navigate 不是函数

问题描述

我刚刚开始了一个新项目并添加了一个 TabNavigator。当我点击任一选项卡时,我收到一个红色错误说明:

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

如果我更改初始路线,每个选项卡都会在屏幕上正确显示,并在屏幕底部突出显示正确的选项卡。

export default TabNavigator(
  {
    Home: { screen: HomeScreen },
    Card: { screen: CardScreen },
    Schedule: { screen: ScheduleScreen },
  },
  {
    initialRouteName: 'Home',
  }
);

标签: react-nativereact-navigationtabnavigator

解决方案


将 React-navigation 从 2.0.0 降级到 1.0.3 解决了这个问题。


推荐阅读