1

我正在尝试制作一个透明的覆盖容器，但尽管我已设置overlayBackgroundColor为透明，但仍然存在丑陋的阴影边框。

我试过了：

<Overlay
  overlayStyle={{opacity: 1, shadowOpacity: 0}}
  overlayBackgroundColor={Colors.transparent}
  borderRadius={0}
>
4

3 回答 3

0

我通过将以下道具添加到叠加层来解决它。

fullScreen={true}

像这样：

 <Overlay
    fullScreen={true}
    overlayBackgroundColor="transparent">
</Overlay>

我希望它对你有帮助。

于 2019-08-12T18:23:08.163 回答
0

似乎不再支持其他答案建议的某些属性，例如 windowBackgroundColor！

以下对我有用。

<Overlay
    overlayStyle={{ backgroundColor: "transparent", elevation: 0, shadowOpacity: 0 }}
>
...
</Overlay>
于 2021-03-25T22:37:01.703 回答
0

如果将其设为Overlay全屏，则会丢失onBackdropPress可用于关闭Overlay. 要移除阴影并仍然触发事件onBackdropPress，请通过 禁用阴影效果overlayStyle。

<Overlay
    onBackdropPress={() => console.log('Backdrop pressed')}
    windowBackgroundColor='rgba(0, 0, 0, .5)'
    overlayBackgroundColor='transparent'
    width='auto'
    height='auto'
    overlayStyle={{ elevation: 0, shadowOpacity: 0 }}>
</Overlay>
于 2019-12-12T18:37:46.920 回答