React Navigation bottomTabNavigator“createRouter 不是函数”

Question

我创建了一个运行良好的 stackNavigator（用于登录注册屏幕），然后我创建了 bottomTabsNavigator 但由于某种原因我收到此错误“创建路由器不是功能”检查下面的屏幕截图：

这是我的代码：

import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';

/** Bottom tab navigator */
const Tab = createBottomTabNavigator();

const MyTabs = () => {
  return (
    <Tab.Navigator initialRouteName="Tab1">
      <Tab.Screen name="Tab1" component={Tab1} />
      <Tab.Screen name="Tab2" component={Tab2} />
      
    </Tab.Navigator>
  );
};

const App = () => {
  return (
    <Provider store={store}>
        <NavigationContainer>
          <MyTabs />
        </NavigationContainer>
    </Provider>
  );
};

我完全按照 React Navigation 5.x 文档的建议做了，但我仍然遇到了这个问题。如果有人遇到类似的情况，请告诉我。

Answer 1

刚刚解决了这里的问题。

我更新到所有库的最新版本

"@react-navigation/bottom-tabs": "^5.0.1",
"@react-navigation/core": "^5.1.0",
"@react-navigation/material-top-tabs": "^5.0.1",
"@react-navigation/native": "^5.0.1",
"@react-navigation/stack": "^5.0.1",

然后我删除了我的 package-lock.json，

并在您的终端中转到 android 文件夹，然后键入 ./gradlew clean

之后你应该运行你的 npx react-native run-android，

关闭您的默认地铁站，

然后运行 ​​npx react-native start --reset-cache，

这样做后效果很好