我正在设置一个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}/此处的全局/样式文件