错误:对象作为React子对象无效(找到:具有键{}的对象).如果你想呈现一个孩子的集合



我正在设置一个React应用程序。我得到了错误";对象作为React子对象无效(找到:具有键{}的对象(。如果要渲染子对象的集合,请改用数组">

我有这个代码App.js

import React from 'react';
import {text, StatusBar , StyleSheet, View }from 'react-native'
import Header from './src/components/Header';
import { Colors } from './src/global/styles';
export default function App() {
return (
<View style= {styles.container}>

<StatusBar
barStyle = "Ligh-content"
backgroundColor = {Colors.StatusBar}    
/>
<Header/>
</View>
)
}
const styles = StyleSheet.create({
container: {flex:1}
})

////////////////////////////////////////////////////////////////////////////////////

in header.js
import React from 'react';
import { Text,View,  StyleSheet , Dimensions } from "react-native"; 
import { Colors ,parameters } from '../global/styles';
import Icon from 'react-native-vector-icons/FontAwesome';
export default function Header(title){
return (<View style={styles.header}>
{
<Icon type="Material-community"

name = "arrow-left"
color = {Colors.headerText}
size={28} onPress = {() => {}}

/>

}
<View>
<Text style={styles.headerText}>{title}</Text>
</View>
</View>
)
}
const styles= StyleSheet.create ({
header:{
flexDirection : 'row',
backgroundColor:Colors.bouttons,
height: parameters.headerHeight
},
headerText:{
color: Colors.headerText,
fontSize:22,
fontWeight:"bold"

}
})

从"react native"导入{text,StatusBar,StyleSheet,View}用text更改文本,如果它仍然不起作用,你可以写你的从".."导入{Colors,parameters}/此处的全局/样式文件

相关内容

  • 没有找到相关文章

最新更新