reactjs - 使用react-native-svg-uri时SVG不渲染

Question

环境信息

react native 信息输出:

"react": "16.8.6",
"react-native": "0.60.4"

库版本:1.2.3

重现步骤

1. 使用react-native-cli 创建一个新项目。
2. 将一个SVG文件引入项目的src文件夹中(我下载并使用了react-native-svg-uri文档中提到的homer simpson图像进行测试)。<
3. 将 svg 导入为 import MySVG from './mysvg.svg';
4. 将 MySVG 传递到 SvgUri 组件的 svgXmlData 属性

预期行为

图像应呈现在屏幕上

可重现的示例代码

import React from 'react';
import SvgUri from 'react-native-svg-uri';

import MySVG from './mysvg.svg';

const MyComponent = () => {
  return (
     <>
      <SvgUri
        svgXmlData={MySVG}
        width="25"
        height="25"
      />
    </>
  );
};

export default MyComponent;

错误消息

Answer 1

您可以尝试此直接路径声明

<SvgUri
        width="25"
        height="25"
        source={require('./mysvg.svg')} />