在使用 Cordova 开发的 Android 应用程序中自定义概览栏颜色

Question

我已经使用 Cordova/Phonegap 和 Web 技术开发了一个应用程序，并想对其进行一些个性化设置，但我找不到方法。

在 android 中，当用户按下概览按钮（方形按钮）时，他们可以看到每个打开的应用程序的带有卡片的概述，这些卡片有一个带有图标和应用程序名称的顶部栏。如此屏幕截图所示：

默认情况下，条形颜色为灰色，但我希望它是一种不同的颜色，以更好地匹配我的应用程序中的颜色。这可以在其他应用程序中看到，该栏具有不同的颜色（例如：Chrome 栏为蓝色，电子邮件栏为橙色等）：

我尝试使用theme-color元值，但这没有做任何事情。我还尝试了状态栏插件，这个插件在应用程序打开时更改了状态栏，但在概览卡模式下仍然显示默认的灰色栏。

是否可以使用 Cordova/Phonegap 自定义此概览栏颜色？怎么做？

Answer 1

安装：

cordova plugin add cordova-plugin-headercolor

用法：

-。CS

window.plugins.headerColor.tint("#becb29");

或者

-config.xml

<preference name="HeaderColor" value="#becb29" />

这是医生。