导航栏不完全透明答案

【问题标题】：Navbar is not fully transparent导航栏不完全透明
【发布时间】：2018-05-14 11:15:24
【问题描述】：

您好，我想让我的导航栏在某些屏幕上透明，但我无法完全透明..

当我设置时

drawUnderNavBar: true,
navBarTranslucent: true,
navBarTransparent: true,
navBarBackgroundColor: 'rgba(0, 0, 0, 0)',
navBarButtonColor: '#ffffff'

我得到带边框的透明导航栏...为什么我想要完全透明

【问题讨论】：

那不是边框而是盒子阴影
检查元素并查看框阴影、轮廓等

标签： css react-native-navigation

【解决方案1】：

您在父级中使用 box-shadow 属性，因此请删除它然后检查

【讨论】：

是的，它的盒子阴影
如果您有建议在 cmets 中发布，这不是实际问题的解决方案。除非它是一个实际的答案。

【解决方案2】：

好的，我解决了我的问题。我在样式选项中缺少topBarElevationShadowEnabled: false, // (Android - default: true, iOS - default: false). Disables TopBar elevation shadow on Lolipop and above 属性。

drawUnderNavBar: true, navBarTranslucent: true, navBarTransparent: true, navBarButtonColor: '#ffffff', topBarElevationShadowEnabled: false

这是按预期工作的

【讨论】：