为什么我的react-native的svg没有显示阴影？

Question

问题：

我有一个react native项目，该项目使用react-native-svg导入我的徽标。我用react-navigation创建了自定义的底部标签栏，它看起来像这样：

所以问题是我在Adobe XD文件（只是紫色按钮）中以这种方式导出了svg：

因此您可以看到，显然有一个阴影，但是在我的项目中没有。我在做什么错了？

我使用这样的组件：

import Logo from "../assets/icons/add_icon.svg"

然后使用<Logo />

进行渲染

这是svg（顺便说一句，当我用浏览器打开它时，它会显示阴影）：https://pastebin.com/w9YZysgS

为什么我的应用程序没有阴影？ （同样，阴影样式在直接应用时也不起作用）。

规格：

• Android
• Windows
• 原生0.62（最新）

非常感谢您

Answer 1

这并不是真正的编码修复，而是在使阴影成为与设计中的阴影相对形状相同的径向渐变对象之前。