Javascript SVG不显示阴影并失去质量

我在下面创建了svg。有小细节的框架，周围有阴影。

但是，当我使用react-native svg将其导入react-native时，它会丢失帧周围的阴影和少量细节。

我正在导入文件本身

import {SvgXml} from 'react-native-svg';
import testSvg from '../../assets/svg/small_frame.svg';
<SvgXml xml={testSvg} />

从'react native svg'导入{SvgXml}；
从“../../assets/svg/small_frame.svg”导入testSvg；

我还尝试将svg的内容复制粘贴到字符串中并使用它

但是，两者都会导致缺少帧周围的阴影

---

如果我在浏览器上打开SVG文件，就会出现阴影，因此它一定是我缺少的react native中的某些内容。

react native SVG还不支持SVG中的过滤器

它在这里被广泛追踪

---

我的解决方法是将

放在一个视图中，并在该视图中添加一个阴影，到目前为止，它可以很好地处理复杂的形状。

您的“原始SVG”是PNG，而不是SVG。StackOverflow编辑器有一个[<>]按钮来包含代码…@Danny'365CSI'Engelman它的目的是一个png，只是显示我期望看到的内容。svg本身没有问题，在react native中缺少对过滤器的支持。我希望能找到解决办法