StatusBar 背景颜色 iOS React Native

Posted 2023-04-18

【中文标题】StatusBar 背景颜色 iOS React Native

【英文标题】：StatusBar background color iOS React Native

【发布时间】：2018-09-03 04:47:05

【问题描述】：

有没有办法在ios上设置背景颜色或透明Statusbar？

“反应原生”：“0.54.2”

【参考方案1】：

就用这个

<StatusBar translucent backgroundColor="transparent" />

【参考方案2】：

您可以查看this question，这将非常有帮助。

你也可以这样使用： <StatusBar hidden=false barStyle="light-content" />

这将在 iOS 中为您提供以下外观

【讨论】：

我正在使用 React 导航

能否请您分享代码 sn-p 以便我能够运行它并为您解决问题！，我也在使用 react-navigation 并且效果很好，我认为没有关系

【参考方案3】：

您可以使用 rgba 属性，它包含 3 个值，r 代表红色 g 代表绿色，b 代表蓝色。 a 代表 alpha，alpha 参数是一个介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。 rgba 值看起来像这样 ==>

backgroundColor: 'rgba(34,32,225, .6)'

【讨论】：

嗨， backgroundColor 仅适用于 android！