Cordova iPhone X状态栏添加白色空栏
Cordova是一个开源的移动应用开发框架，它允许开发者使用HTML、CSS和JavaScript来构建跨平台的移动应用程序。iPhone X是苹果公司推出的一款全面屏手机，其状态栏在默认情况下是黑色的。如果想要在Cordova应用中将iPhone X状态栏添加为白色空栏，可以按照以下步骤进行操作：
- 在Cordova项目的根目录下找到config.xml文件，使用文本编辑器打开它。
- 在config.xml文件中找到
<platform name="ios">标签，确保已经添加了iOS平台的配置。 - 在
<platform name="ios">标签内部，添加以下代码片段：
<edit-config target="NSStatusBarHidden" file="*-Info.plist" mode="merge">
<true/>
</edit-config>
<edit-config target="UIViewControllerBasedStatusBarAppearance" file="*-Info.plist" mode="merge">
<false/>
</edit-config>这段代码的作用是在iOS应用的Info.plist文件中添加两个键值对，用于隐藏状态栏和禁用基于视图控制器的状态栏外观。
- 保存并关闭config.xml文件。
- 在终端或命令提示符中，进入Cordova项目的根目录，并执行以下命令重新构建iOS平台的应用：
cordova build ios- 构建完成后，在Xcode中打开Cordova项目的platforms/ios目录下的.xcworkspace文件。
- 在Xcode中，选择你的项目，在General选项卡中找到Deployment Info部分，确保Status Bar Style设置为Default。
- 运行你的Cordova应用程序，你将看到iPhone X状态栏已经变为白色空栏。
这样，你就成功地将Cordova应用中的iPhone X状态栏添加为白色空栏了。
Cordova相关产品和产品介绍链接地址：
相关·内容
我想在所有ios设备上使用设置为false的StatusBarOverlaysWebView，但在iPhone X上出现白条如果我将StatusBarOverlaysWebView设置为true，那么在iPhone X上就没有白条了，但是所有其他没有“凹槽”的手机都会得到不想要的覆盖状态栏，这是我不想做的。为了记录，我从github和viewport-
浏览 26提问于2018-02-06得票数 2
回答已采纳
1回答
在iPhone X上加载一个应用程序，我在凹槽的两边都有白色的条。我在用Ionic Tabs。我试过改变身体和ion-app的背景颜色。body, ion-app.app-root {}运行"cordova-plugin-statusbar编辑:添加了白色边缘的图像。
浏览 0提问于2017-11-26得票数 1
回答已采纳
添加cordova-plugin-mfp后，cordova-plugin-statusbar不再工作。重建步骤：
cordova创建测试cd测试cordova平台添加ios cordova插件插件保存cordova插件-statusbar向config.xml添加以下文本：
运行项目并注意状态栏文本是黑色的(默认！)更改confi
浏览 0提问于2016-04-30得票数 1
App以黄色图像为背景，设置状态栏隐藏，在除iPhone X以外的其他设备上运行良好。
override var preferredStatusBarStyle: UIStatusBarStyle{}
还有其他建议吗
浏览 1提问于2018-01-09得票数 0
回答已采纳
7回答
如何在Phonegap3.1.0 for iOS7中用白色文本使顶部状态栏半透明？App在移动Safari中看起来很好，但当我尝试在Phonegap中运行它时，只有在应用程序加载时，顶部栏的文本才是白色的，之后无论我在项目的配置中设置了什么设置，它都是黑色的。现在在网页中有样式&‘状态栏样式’=‘黑色半透明’在XCode中...帮不上忙。
请帮帮我！
浏览 5提问于2013-11-19得票数 11
2回答
我有一个Cordova iPhone应用程序，它使用statusbar插件。状态栏的背景设置为黑色，文本过去是白色的。但是由于将插件从0.1.3升级到0.1.8，所以文本现在是黑色的。用于调试的信息：我在iOS 8和7上看到了这种行为。在Xcode中，“隐藏状态栏”未选中，“状态栏样式”设置为默认值(但当我将其设置为Light时也会发生相同的情况)。
浏览 0提问于2014-10-07得票数 3
回答已采纳
我有一个只有iphone的应用程序使用感应器触摸和科多瓦，这是完全功能上没有任何问题的iPhone。当我在Ipad上运行它时，它会在上面显示一个空白的白色屏幕，显示状态栏。它缩放到适当的高度，这是460 to，但有一个白色的酒吧顶部。有谁知道我该怎么摆脱这个白色的酒吧？我也尝试在index.html中设置viewport，但这也不起作用。
浏览 6提问于2016-07-07得票数 0
回答已采纳
4回答
我在Swift中有与iPad和iPhone兼容的应用程序，支持iOS 7和8，使用XCode 6.4。现在，我做了应用程序的结构作为主细节控制和设置在分裂控制器状态栏为轻(白色)。在Storyboard中，所有控制器都显示白色状态栏(主、详细、导航控制器.)但是，无论是在模拟器还是在iPhone / iPad中都是白色的，而是黑色的！我尝试在每个控制器和它的导航控制器设置光状态栏。在主视图控制器中尝试设置它。尝试添加plis
浏览 3提问于2015-09-11得票数 3
回答已采纳
通过将UIStatusBarStyleOpaqueBlack / UIStatusBarStyle添加到Info.plist文件中，我为我的iPhone应用程序提供了一个黑色状态栏。黑色的状态栏显示应用程序正在运行的时间和显示Default.png的时间。我是不是遗漏了什么？
浏览 0提问于2009-05-18得票数 4
回答已采纳
14回答
我试图在Xcode 6 GM中将我的iOS 7应用程序转换成iOS 8，当我在iPhone 5s或更低的模拟器上运行iOS 8时，一切都很好，但是在iPhone 6和6 Plus模拟器上，状态栏有黑色文本而不是白色
浏览 24提问于2014-09-16得票数 45
回答已采纳
iPhone 12及以上。内容的上部“攀爬”在状态栏上。添加：插件：
科多瓦-插件-附加-快速-支持cordova-插件-离子-webview<em
浏览 10提问于2022-09-07得票数 0
2回答
我正在使用科多瓦状态栏插件和状态条是半透明和白色。我正在为iOS 11开发macOS和xCode的最新版本。如文档中提到的，使用ios包将特性标记添加到www/config.xml作为小部件的子部件。将首选项标记与StatusBarBackgroundColor和覆盖添加到config.xml (作为小部件和ios的子部件)和www/config.xml无
浏览 6提问于2017-12-12得票数 4
我需要在iPhone项目中将状态栏内容颜色更改为白色。在iPhone X上，左上角的时间被截断。你知道怎么解决这个问题吗？
浏览 43提问于2019-05-30得票数 0
5回答
在将StatusBarOverlaysWebview添加到config.xml后，我在屏幕顶部看到一个白条，所有内容都会被下推(参见屏幕截图-状态栏顶部有一个白条)。因此，它不是简单地将状态栏高度(20px)添加到屏幕上，而是添加了40px。
我仔细检查了我所有的样式，一切看起来都很好，所以我猜这是由插件导致的。有人能告诉我怎么解决这个问题吗？
浏览 1提问于2016-04-26得票数 5
6回答
但是当我在iPhone X模拟器中启动时，屏幕的顶部和底部有两个空的espaces (屏幕问题？)。
有人帮助调整分辨率以适应iPhone X分辨率吗？
浏览 10提问于2017-09-13得票数 3
我已经用过在config.xml中
<preference name="SplashStatusBarBackgroundColor" value那么，如何在闪屏期间更改状态栏的颜色。
浏览 5提问于2018-08-16得票数 0
1回答
我使用Cordova和InAppBrowser来显示外部网页(Jquery)。在cordova应用程序中，我使用Statusbar插件。打开inappbrowser时，一切看起来都很棒。但是，一旦你开始在页面中滚动，网页内容就会出现在状态栏后面。这是inappbrowser中已知的BB-4930 ()错误，但我找不到解决办法。错误在更正后被重新打开。在修正之前，在顶部添加一个白色div是可能的，但这是不可能的。
需要帮助，这个人快把我累死了
浏览 2提问于2015-03-31得票数 2
回答已采纳
3回答
您好，我更新到了新的Xcode9，并开始使用safeAreaLayout指南来支持iphone X。这是我得到的
IPhone6 (iOS 11)
IPhone6 (iOS 9和10)
我已经寻找了很多解决方案
浏览 0提问于2017-11-17得票数 1
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
腾讯云开发者
