React Navigation bottomTabNavigator“createRouter 不是函数”

Question

I have created a stackNavigator(for login signup screens) that's working perfectly and then after that I created bottomTabsNavigator but for some reason I am getting this error "Create Router is not a function" check screenshot below:

Here is my code:

 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> ); };

I did exactly what React Navigation 5.x docs recommended but still I faced this issue. Let me know if someone faced something similar.

Answer 1

Just resolved the issue here.

I updated to the last version of all libs

"@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",

and then i deleted my package-lock.json,

and in your terminal go to android folder and then type ./gradlew clean

after that you should run your npx react-native run-android,

close your default metro terminal,

and then run npx react-native start --reset-cache,

worked well after doing this

Answer 2

Make sure you have installed latest versions of @react-navigation/native and @react-navigation/bottom-tabs :

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

Then clear the cache:

npm react-native start --reset-cache

Or if using Expo:

expo start -c