Реагировать на встроенную навигацию TypeError: undefined не является объектом (оценивается как Object.keys (routeConfigs))

Question

У меня есть следующий код в приложении. js file: -

import React, { Component } from 'react';
import { Platform, StyleSheet, Text, View } from 'react-native';
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import { NavigationContainer} from "react-navigation";


const Home = ({ navigation }) => {
  return (
      <View>
        <Text>This is Home page!</Text>
      </View>
  )
}

const Stack = createStackNavigator();

function MyStack() {
  return (
      <Stack.Navigator>
        <Stack.Screen name="Home" component={Home} />
      </Stack.Navigator>
  );
}
 export default function App() {
   return (
       <NavigationContainer>
         <MyStack />
       </NavigationContainer>
   );
}

Я следовал той же инструкции на этой странице: - https://reactnavigation.org/docs/stack-navigator/ Но он выдал ошибку

Answer 1

Я исправил проблему, следуя документации по версии 4. Проблема в том, что когда я установил пакет реагировать на навигацию, выполнив следующие команды: -

yarn add @react-navigation/native

Я принял по умолчанию, если я установлю какой-либо пакет без определяя указанную c версию, предполагается, что для установки последней текущей версии этого пакета (v5) используется по умолчанию любая версия i, следуя документации по пакету для версии 5. и когда я проверил версию установленного пакета, я заметил, что установлена ​​версия 4 № 5.

Теперь я использовал синтаксис создания стека версии 4: -

const navigator = createStackNavigator({
    Home:Home,
},
    {
        initialRouteName: 'Home'
    });
export default createAppContainer(navigator);

Теперь все работает нормально

Вот URL для

V5 https://reactnavigation.org/docs/hello-react-navigation

V4 https://reactnavigation.org/docs/4.x/getting-started

Answer 2

Импорт файлов вашего навигатора из;

import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';