ios - 屏幕 IOS 14 更改中凹槽后面的不安全区域
问题描述
Cordova IOS 应用程序显示白屏。我正在使用xcode 12.0 版。 Cordova IOS平台版本为6.1.0。(或 6.1.1)Cordova 版本是 10.0.0。我正在为 IOs14 进行所有更改。对于 iPhone XR 设备,我使用元标记:
<meta name="viewport" content="user-scalable=no, initial-scale=1, width=device-width, viewport-fit=cover">
但仍然在第一次发射后,我看到下面的空白区域到缺口区域。以下是 config.xml 文件中的插件详细信息和首选项。
Cordova 10
Cordova-ios: 6.1.1
**@globules-io/cordova-plugin-ios-xhr 1.1.0 "Cordova WKWebView File XHR Plugin"**
cordova-plugin-add-swift-support 2.0.2 "AddSwiftSupport"
cordova-plugin-camera 2.3.1 "Camera"
cordova-plugin-compat 1.2.0 "Compat"
cordova-plugin-device 2.0.3 "Device"
cordova-plugin-dialogs 2.0.2 "Notification"
cordova-plugin-file 6.0.2 "File"
cordova-plugin-geolocation 4.0.1 "Geolocation"
cordova-plugin-globalization 1.0.9 "Globalization"
cordova-plugin-keyboard 1.2.0 "Keyboard"
cordova-plugin-splashscreen 6.0.0 "Splashscreen"
cordova-plugin-whitelist 1.3.4 "Whitelist"
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3000" />
解决方案
您没有在视口中包含高度,请尝试
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height">
推荐阅读
- javascript - Javascript event.stopPropogation 仍在触发按钮的子元素
- html - 表格的宽度需要与表格的其余部分相同
- sql - PHPmyadmin 中的 SQL 查询无法区分表情符号
- c# - 从 EFCore 延迟加载的上下文中删除导航集合实体 - 导航集合不会立即更新
- python-3.x - 如何在centOS 8上安装不同版本的python?
- javascript - 如何使模态出现 onClick 变化?
- c - 输入的微小变化会使程序发疯
- bash - bash 检查数组中是否存在值,似乎 single(i) 试图与两位数匹配(10 是数组中的值之一)
- java - 这段代码中的异常处理得好吗?是否缺少关闭文件对象的 finally 块?
- ios - 在 App 代码中创建 MockedNetworkService 并在 MockNetworkService 中访问 App 模型