如何在 React-native 中显示 svg、png、jpeg 图像？

【问题标题】：How to display svg, png, jpeg images in React-native?如何在 React-native 中显示 svg、png、jpeg 图像？
【发布时间】：2020-08-27 09:05:06
【问题描述】：

我使用<Image>标签在我的项目中显示图像，但它没有在iOS上显示svg图像，所以我使用react-native-svg中的<SvgUri>而不是<Image>，但现在如果我尝试显示除 svg 以外的任何图像，它会引发错误。是否有任何库可以在 iOS 和 android 设备上同时显示 svg 和非 svg 图像？

【问题讨论】：

标签： ios react-native svg react-native-svg

【解决方案1】：

https://www.npmjs.com/package/react-native-svg 试试这个

前-

    import * as React from 'react';
    import { SvgUri } from 'react-native-svg';
    
    export default () => (
      <SvgUri
        width="50%"
        height="500%"
        uri="http://uri/img.svg"
      />
    );

【讨论】：

是的，我也试过了，但它只适用于 svg 图像，如果我放一个 jpeg 或 png url，那么它会抛出 TypeError: undefined is not an object (evaluating 'source.length')