javascript - 在透明视图上创建阴影 - 反应原生

Question

我必须从具有绝对位置/尺寸的透明视图中投射阴影，但似乎无法做到这一点。整个结构从上到下：

• 一些覆盖透明视图的文本
• 带阴影的透明视图
• 下面要显示的其他内容

如果我将视图的背景颜色定义为“透明”，则阴影将应用于其子元素，在本例中为文本覆盖。如果我将背景颜色定义为纯色，则下面要显示的其他内容将被阻止。

我怎样才能做到这一点？

编辑：我做了一些实验，这太奇怪了：子元素的阴影或视图本身似乎是基于该视图的 alpha 通道的透明度。如果我在那里放置一个非完全透明的背景，或者甚至在其中嵌套一个虚拟视图并使其透明opacity，则从视图投射的阴影仍然不是我指定的完全 - 这有点像与它共享阴影总和子元素....

任何解决方法将不胜感激！这种行为让我发疯。

我试图用这种风格创建阴影：

shadowColor: 'black',
shadowOffset: {
    width: 0,
    height: 1
},
shadowRadius: 4,
shadowOpacity: 1

另一个编辑：我使用透明图像作为背景，它也不起作用:(

标签： javascriptandroidiosreact-native