google-chrome-app - 使用 Chrome 移动应用设置状态栏颜色

Question

我想将状态栏设置为 block 色或透明，就像在 Google Now 应用中一样。

这可能吗？如果可能的话，如何实现？

Answer 1

Chrome Apps on Mobile杠杆Apache Cordova ，我们决定包括 cordova statusbar plugin默认情况下。

我们已经包含了以下 cordova 状态栏插件 <preference>默认情况下:

<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#000000" />

这基本上意味着您的应用内容不会覆盖状态栏(内容被向下推，就像在 iOS 6 上一样)，并且默认颜色为黑色。对于 Chrome 应用程序来说，这是一个很好的默认设置，但对于 iOS 7 的外观和感觉来说，这并不是理想的设计。

幸运的是，您可以在 config.xml 中轻松更改这些值。文件位于项目的根目录下。对于您的具体要求，我会更改 StatusBarOverlaysWebView至true并将颜色更改为应用程序背景颜色，然后记住运行 cca prepare 。您还需要调整应用程序的外观，以免干扰状态栏文本(即可能通过将 padding-top 添加到 html 元素)。

config.xml有其他可以更改的首选项(尽管您不应该更改其他标签，因为这些标签会自动更新)。您可以阅读有关各种 <preference>通过查看 plugins/ 内部每个插件的文件夹 README.md文件，通常可以很好地描述自己，或者通过在线研究 cordova 应用程序开发。