无法在本机应用程序中实现本地 svg 图像

Question

即使安装了以下库“react-native-svg”：“false12.1.0”，“react-native-svg-uri”：“false1.2.3”，我也可以将 png 转换的 svg 实现到我的 react-native 应用程序，

我正在使用最新的 react-native 版本，并按照谷歌上各种论坛提供的所有步骤进行实施，但仍然出现“TypeError:json.stringify cannot serialize cyclic structures”

请帮助我在应用程序中实现本地 svg 图像文件的步骤

Answer 1

png转换后的SVG图标const MY_ICON = `<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"&nbsp;"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg version="1.0" xmlns="http://www.w3.org/2000/svg"&nbsp;width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"&nbsp;preserveAspectRatio="xMidYMid meet"><metadata>Created by potrace 1.16, written by Peter Selinger 2001-2019</metadata><g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"fill="#000000" stroke="none"><path d="M4830 4494 c-23 -10 -612 -592 -1718 -1697 l-1682 -1682 -553 552c-382 383 -563 557 -589 568 -79 32 -181 12 -234 -47 -53 -58 -71 -160 -40-231 8 -18 288 -305 662 -678 526 -524 656 -649 688 -659 59 -19 137 -7 18828 24 17 829 817 1790 1779 1244 1244 1752 1759 1763 1785 33 81 12 190 -47245 -54 51 -157 68 -228 37z"/></g></svg>`;快速实现的方法是使用react-native-svgSvgXml中的组件。import {SvgXml} from 'react-native-svg';<SvgXml xml={MY_ICON} width={50} height={50} fill={'black'} />