Реагирование навигации 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",

, а затем удалил блокировку пакета. json,

и в вашем терминале go в android папку, а затем введите ./gradlew clean

, после чего вы должны запустить свой собственный запуск npx response- android,

close ваш терминал метро по умолчанию,

, а затем запустите npx response-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:

expo start -c