Ошибка: компонент для маршрута 'Home' должен быть компонентом React - PullRequest
Новая
       32

Ошибка: компонент для маршрута 'Home' должен быть компонентом React

0 голосов
/ 18 апреля 2020

Я получаю эту ошибку. Я уже просмотрел все сообщения, связанные с этой ошибкой, и попробовал все, чтобы решить эту ошибку, но все же, я не знаю, почему я получаю эту ошибку.

Вот полный текст сообщения об ошибке: 

Error: The component for route 'Home' must be a React component. For example:

import MyScreen from './MyScreen';
...
Home: MyScreen,
}

You can also use a navigator:

import MyNavigator from './MyNavigator';
...
Home: MyNavigator,
}

Приложение. js: 

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import * as firebase from "firebase"
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

import HomeScreen from './screens/HomeScreen'
import SignupScreen from './screens/SignupScreen'
import SigninScreen from './screens/SigninScreen'
import LoadingScreen from './screens/LoadingScreen'



const MainNavigator = createStackNavigator(
  {
    Home: { screen: HomeScreen },
    Loading: { screen: LoadingScreen },
    SignIn: { screen: SigninScreen },
    SignUp: { screen: SignupScreen }

  },
  {
    //launcher screen
    initialRouteName: "Loading"
  }
);

//create app container
const AppContainer = createAppContainer(MainNavigator);
export default class App extends React.Component {
  render() {
    return <AppContainer />;
  }
}

Вот HomeScreen. js Здесь я ничего не изменил, это просто минимальный шаблонный код 

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class HomeScreen  extends React.Component {
render()
{  return (
    <View style={styles.container}>
      <Text>Open up App.js to start working on your app!</Text>
    </View>
  );
}
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});
...