【问题标题】: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

这是按预期工作的

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-02-26
    • 2016-10-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-21
    相关资源
    最近更新 更多