reactjs - 为什么我在 react-native 中的 svg 没有显示任何阴影？

Question

问题：

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

所以问题只是我导出了我的 svg，当它在我的 adobe xd 文件中看起来像这样时（只是紫色按钮）：

所以你可以看到，显然有一个阴影，但在我的项目中没有。我究竟做错了什么？

我使用这样的组件：

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

然后用<Logo />

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

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

眼镜：

• 安卓
• 视窗
• React-Native 0.62（最新）

非常感谢您提前

标签： reactjsreact-nativesvg

Answer 1

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