ios状态栏phonegap/cordova的黑色文本颜色

Posted 2023-03-14

【中文标题】ios状态栏phonegap/cordova的黑色文本颜色

【英文标题】：Black text color for ios statusbar phonegap/cordova

【发布时间】：2015-10-10 15:59:05

【问题描述】：

我正在尝试在我的 phonegap 应用程序中更改 ios 状态栏的文本颜色，但它不适合我。 我尝试了 cordova.statusbar 插件和核心设置的不同设置组合。 现在我的 config.xml 中有这个：

<preference name="ios-statusbarstyle" value="black-opaque" />
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarStyle" value="default" />

我应该使用哪些设置在我的应用状态栏中获得黑色文本？

附：对不起我的英语

【问题讨论】：

默认是白色状态栏上的黑色文字，你安装插件了吗？

@jcesarmobile 是的，我的配置中有<gap:plugin name="org.apache.cordova.statusbar" />。我还尝试在安装插件之前和之后放置此代码<preference name="StatusBarOverlaysWebView" value="false" /><preference name="StatusBarStyle" value="default" />...

你使用的是cordova还是phonegap build？

@jcesarmobile 是的，我在 phonegap 构建的已安装插件列表中看到 org.apache.cordova.statusbar

是吗？我在问你是用cordova还是phonegap build，答案不可能是肯定的，必须是“我用cordova”或者“我用phonegap build”

【参考方案1】：

删除第一个不存在的 并将StatusBarStyle 更改为lightcontent

<preference name="StatusBarStyle" value="lightcontent" />

【讨论】：

我已经删除了第一行，现在我的代码 <preference name="StatusBarOverlaysWebView" value="false" /><preference name="StatusBarStyle" value="lightcontent" /> ，但我的状态栏颜色仍然是白色:(

你想要什么颜色？你刚才说你想要白色文字

您是否首先安装了插件？默认会使文本变黑

【参考方案2】：

StatusBar.styleDefault();

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-statusbar/

我正在使用框架 7。我需要调用上述命令将文本设置为黑色。我没有在 config.xml 中设置样式

【参考方案3】：

如果您的状态栏为黑色，则使用styleLightContent() 方法处理白色文本，如果您的背景是白色，则使用styleDefault() 处理黑色文本。

此方法的文档集：

// Use the default statusbar (dark text, for light backgrounds).
statusBar.styleDefault();

// Use the lightContent statusbar (light text, for dark backgrounds).
statusBar.styleLightContent();

在 android 上，config.xml 中的 preference 无效。您必须在运行时调用方法。 See docs

不幸的是，它不会自动设置状态栏文本。 您必须找出状态返回的主题颜色才能决定调用哪种方法。或者使用您自己的固定主题或覆盖它。