createNavigatorFactory не является функцией при попытке использовать минимальный пример навигации по вкладке React с сайта реакции - PullRequest
0 голосов
/ 14 июля 2020

Не совсем уверен, почему я получаю эту ошибку, поскольку код извлечен из документации веб-сайта реакции

(получение этой ошибки после использования примера кода навигации по вкладкам на https://reactnavigation.org/docs/tab-based-navigation/)

import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import Home from '../Screens/Home';
import Search from '../Screens/Search';

const Tab = createBottomTabNavigator();

export default function TabNavigator() {
  return (
    <NavigationContainer>
      <Tab.Navigator>
        <Tab.Screen name="Home" component={Home} />
        <Tab.Screen name="Settings" component={Search} />
      </Tab.Navigator>
    </NavigationContainer>
  );
}

Вот моя посылка json

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@react-navigation/bottom-tabs": "^5.7.1",
    "expo": "~38.0.8",
    "expo-status-bar": "^1.0.2",
    "react": "~16.11.0",
    "react-dom": "~16.11.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz",
    "react-native-web": "~0.11.7",
    "react-navigation": "^4.4.0",
    "react-navigation-stack": "^2.8.2",
    "react-native-gesture-handler": "~1.6.0",
    "react-native-reanimated": "~1.9.0",
    "react-native-screens": "~2.9.0",
    "react-native-safe-area-context": "~3.0.7",
    "@react-native-community/masked-view": "0.1.10"
  },
  "devDependencies": {
    "@babel/core": "^7.8.6",
    "babel-preset-expo": "~8.1.0"
  },
  "private": true
}

1 Ответ

0 голосов
/ 14 июля 2020

Проблема в том, что вы используете навигатор вкладок v5 с react-navigation v4.

Вы можете исправить это, удалив пакеты

"react-navigation": "^4.4.0",
"react-navigation-stack": "^2.8.2",

и установив V5

"@react-navigation/native": "^5.7.0",
"@react-navigation/stack": "^5.7.0"

Также лучше проверьте версии других зависимостей

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...