在透明视图上创建阴影-反应本机

时间:2018-11-12 10:57:15

标签: javascript android ios react-native

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

  • 一些文字覆盖了透明视图
  • 带阴影的透明视图
  • 其他要显示在下面的东西

如果我将视图的背景色定义为“透明”,则阴影将应用于其子元素,在这种情况下为文本覆盖。如果我将背景色定义为纯色,则将在下面显示其他内容。

我该如何实现?

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

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

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

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

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

0 个答案:

没有答案