Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/227.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React本机导航错误:路由的组件必须是React组件_Javascript_Android_React Native - Fatal编程技术网

Javascript React本机导航错误:路由的组件必须是React组件

Javascript React本机导航错误:路由的组件必须是React组件,javascript,android,react-native,Javascript,Android,React Native,大家好,我是新手,我正在构建一个非常简单的导航系统,但我遇到了这个错误。请任何人指导我 上面附加的屏幕截图是我在我的物理android手机S7 edge Oreo 8.0上运行的错误 ***Homescreen.js*** 从“React”导入React; 从“react native”导入{Text,StyleSheet}; 常量主屏幕=()=>{ 返回你好世界; }; const styles=StyleSheet.create({ 正文:{ 尺寸:30 } });我试过你将其编码得很好,

大家好,我是新手,我正在构建一个非常简单的导航系统,但我遇到了这个错误。请任何人指导我 上面附加的屏幕截图是我在我的物理android手机S7 edge Oreo 8.0上运行的错误

***Homescreen.js***
从“React”导入React;
从“react native”导入{Text,StyleSheet};
常量主屏幕=()=>{
返回你好世界;
};
const styles=StyleSheet.create({
正文:{
尺寸:30
}

});我试过你将其编码得很好,只需在主屏幕和组件屏幕中添加导出:

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
  }
});
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
    }
})
从“React”导入React;
从“react native”导入{Text,StyleSheet};
常量主屏幕=()=>{
返回你好世界;
};
导出默认主屏幕;
const styles=StyleSheet.create({
正文:{
尺寸:30
}
});
组件屏幕:

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
  }
});
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
    }
})
从“React”导入React
从“react native”导入{Text,StyleSheet}
常量ComponentScreen=函数(){
返回这是组件屏幕
}
导出默认组件屏幕;
const styles=StyleSheet.create({
文本样式:{
尺寸:30
}
})
并确保您有正确的名称声明,您已将主屏幕组件声明为主屏幕,其中s很小,但您正在使用大写字母导入App.js,请检查此项


希望这有帮助

您忘了导出
HomeScreen.js中的默认组件
导出默认主屏幕
对不起,它没有任何影响错误仍然存在,那么导出组件屏幕呢?