React Native Navigation Error：该路线的组件必须是React组件

Question

你好，我是新来的本地人，我正在构建一个非常简单的导航系统，但出现此错误。请任何一个指导我enter image description here上面所附的屏幕截图是我在物理Android手机S7 edge Oreo 8.0上运行时出现的错误

***Homescreen.js***
import React from "react";
import { Text, StyleSheet } from "react-native";

const HomeScreen = () => {
  return <Text style={styles.text}>Hello World</Text>;
};

const styles = StyleSheet.create({
  text: {
    fontSize: 30
  }
});

***App.js***
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import HomeScreen from './src/screens/HomeScreen'
import ComponentsScreen from './src/screens/ComponentsScreen'

const navigator = createStackNavigator(
  {
    Home: HomeScreen,
    Components:ComponentsScreen
  },
  {
    initialRouteName: 'Components',
    defaultNavigationOptions: {
      title: "App"
    }
  }
);

export default createAppContainer(navigator);

***ComponentsScreen.js***
import React from 'react'
import {Text,StyleSheet} from 'react-native'

const ComponentsScreen=function(){
    return <Text style={styles.textStyle}>This is the Components Screen</Text>
}

const styles=StyleSheet.create({
    textStyle:{
    fontSize:30
    }
})

Answer 1

我曾尝试过将其编码完美地工作，只是在HomeScreen和ComponentsScreen中添加导出：

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

const HomeScreen = () => {
  return <Text style={styles.text}>Hello World</Text>;
};

export default HomeScreen;
const styles = StyleSheet.create({
  text: {
    fontSize: 30
  }
});

ComponentsScreen：

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

const ComponentsScreen=function(){
    return <Text style={styles.textStyle}>This is the Components Screen</Text>
}

export default ComponentsScreen;
const styles=StyleSheet.create({
    textStyle:{
    fontSize:30
    }
})

并且请确保已将Homescreen组件声明为Homescreen，其中s很小，但是您要使用大写字母将其导入到App.js中，请确保此名称正确，请检查此。

希望这会有所帮助！