React native 重定向失败:react本机svg:react.createElement:type无效

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")}> &

我试图理解一个错误。当我将我的第一个屏幕重定向到另一个屏幕时,我进入了bundler:

警告:React.createElement:类型无效--应为字符串 (对于内置组件)或类/函数(对于复合 组件),但得到:%s.%s%s,对象,“

我想问题出在svg包上——当我点击:

      <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文件。

非常感谢,我有另一个错误,但由于您的帮助,我更好地理解了它的工作方式,谢谢。