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，

这样做后效果很好

Answer 2

确保您已安装最新版本的@react-navigation/native和@react-navigation/bottom-tabs ：

npm install @react-navigation/native @react-navigation/bottom-tabs

然后清除缓存：

npm react-native start --reset-cache

或者如果使用世博会：

expo start -c