导航栏不完全透明

时间:2018-05-14 11:15:25

标签: css react-native-navigation

您好我想在某些屏幕上使我的导航栏变得透明,但我无法获得完全的透明度。

当我设置

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

我得到带边框的透明导航栏...为什么我要完全透明enter image description here

2 个答案:

答案 0 :(得分:0)

您在父级中使用了box-shadow属性,因此请将其删除,然后检查

答案 1 :(得分:0)

好的,我解决了我的问题。我在样式选项中缺少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

这是按预期工作的