React native 重定向失败:react本机svg:react.createElement:type无效
我试图理解一个错误。当我将我的第一个屏幕重定向到另一个屏幕时,我进入了bundler: 警告:React.createElement:类型无效--应为字符串 (对于内置组件)或类/函数(对于复合 组件),但得到:%s.%s%s,对象,“ 我想问题出在svg包上——当我点击:React native 重定向失败:react本机svg:react.createElement:type无效,react-native,svg,expo,react-native-svg,React Native,Svg,Expo,React Native Svg,我试图理解一个错误。当我将我的第一个屏幕重定向到另一个屏幕时,我进入了bundler: 警告:React.createElement:类型无效--应为字符串 (对于内置组件)或类/函数(对于复合 组件),但得到:%s.%s%s,对象,“ 我想问题出在svg包上——当我点击: <TouchableOpacity onPress={() => this.props.navigation.navigate("Distance")}> &
<TouchableOpacity onPress={() => this.props.navigation.navigate("Distance")}>
<View style={styles.statContainer}>
<ImageBackground
source={require("../../assets/images/stats-background-1.png")}
style={styles.statImage}
>
<View style={styles.row}>
<Text style={styles.statText}>
{i18n.t("stats.action.dist")}
{"\n"}
<AnimateNumber
value={this.state.stats.total_distance}
countBy={(this.state.stats.total_distance / 50).toFixed(0)}
style={styles.statTextData}
/>{" "}
{i18n.t("stats.unit.kilometre")}
</Text>
</View>
</ImageBackground>
</View>
</TouchableOpacity>
this.props.navigation.navigate(“距离”)}>
{i18n.t(“stats.action.dist”)}
{“\n”}
第二个屏幕的代码为:
export default class Stats extends React.Component {
constructor(props) {
super(props);
};
render() {
return (
<ScrollView style={styles.containerScrollNoMargins}>
<Header
backgroundImage={require("../../assets/images/bg-header.png")}
centerComponent={{
text: i18n.t("stats.title"),
style: styles.headerComponentStyle,
}}
containerStyle={styles.headerContainerStyle}
statusBarProps={{ barStyle: "light-content" }}
/>
<ImageBackground
source={require("../../assets/images/background-stats.jpg")}
style={{flex : 1 }}
imageStyle={{ resizeMode: 'stretch' }}
>
<Svg height="50%" width="50%">
<Image href={require('../../assets/images/Interface_Stat_1.svg')} />
</Svg>
</ImageBackground>
</ScrollView>
);
}
}
导出默认类Stats扩展React.Component{
建造师(道具){
超级(道具);
};
render(){
返回(
);
}
}
我不明白是什么错误,你能给我一些提示,任何帮助吗?
非常感谢您的时间和解释。它似乎失败了,因为您在SVG
标记中使用了RN的Image
组件
它仅支持中的儿童,并且图像
仅支持所述的一些格式,如png、jpg、jpeg、bmp、gif、webp、psd
。要解决此问题,您可以查看一下,它将帮助您轻松导入本地svg文件。非常感谢,我有另一个错误,但由于您的帮助,我更好地理解了它的工作方式,谢谢。