问题标签 [ios7-statusbar]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
699 浏览

ios - 如何在 Bootstrap 中设置 iOS 状态栏背景颜色?

将应用程序安装到主屏幕后,是否有一种解决方法可以帮助我在 iOS 设备上的 PWA 状态栏中模仿背景颜色?

我目前已将 apple-mobile-web-app-status-bar-style 元标记设置为“黑色半透明”,而不是适用于 iOS 的其他两个选项“黑色”和“白色”。我这样做是因为我可能想在状态栏下方放置一个正确颜色的 div (#2e0c2a),这会使状态栏看起来实际上是那种颜色。

我希望得到一个状态栏,它是我的导航栏 (#2e0c2a) 的颜色,就像左边的图像一样,但实际发生的是内容只是在半透明状态栏后面移动并且显示不正确。我不知道创建一个只出现在状态栏后面的 div 或拉伸导航栏以占用整个空间需要什么代码。

期望 V. 实际

0 投票
1 回答
1344 浏览

ios - Ionic:在深色模式下无法更改 iOS 状态栏颜色

我正在 Ionic 中构建一个渐进式 Web 应用程序,我想将其添加到我的主屏幕并更改 iOS 状态栏的背景颜色和文本颜色。

我做了什么

我安装了: "@ionic-native/status-bar": "^5.0.0"

在 index.html 我定义:

在 app.component.ts 中:

这里的问题是状态栏将是黑色的,因为我的 iPhone 处于黑暗模式。我想要的是始终将状态栏背景设为白色,将文本颜色设为黑色,无论我是否处于暗模式。

我已经尝试了很多东西,但都没有奏效:

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>

<meta name="apple-mobile-web-app-status-bar-style" content="translucent"/>

上面的第一个和第二个选项只是将状态栏背景和文本颜色设置为白色(这意味着您根本看不到状态栏),而第三个选项没有改变任何东西(背景仍然是黑色)。