【发布时间】：2017-10-22 05:03:28
【问题描述】：
我有一个 Ionic 混合移动应用。 在最近的构建之后，我注意到我的应用程序在启动后无缘无故地全屏显示（状态栏可见）。第一个视图是谷歌地图，当它被加载时，ionic.Platform.fullScreen(false, true);叫做。这是因为如果用户第一次打开应用程序，会显示全屏介绍，然后用户会被导航到不应该全屏的地图。如果发生这种转换（打开介绍）一切都很好，但如果用户第二次以上打开应用程序（没有介绍），则地图将全屏显示状态栏，因此标题的一半被覆盖。
这仅在 Android 上发生。我最近升级了 Cordova CLI 版本、cordova-andoid 版本（因为缺少闪屏错误）加上 Linux 版本。从科尔多瓦尝试了很多：6.0.0、6.4.0、6.5.0；科尔多瓦机器人：6.0.0、6.2.1.、6.2.2、6.2.3
起初我认为这与我的构建地点有关，但现在事实证明这并不完全正确。
当前设置：
Cordova CLI: 6.0.0
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Framework Version: 1.3.0
Ionic CLI Version: 1.7.16
Ionic App Lib Version: 0.7.3
OS: Distributor ID: Ubuntu Description: Ubuntu 17.04
Node Version: v4.4.0
非常感谢任何帮助！
更新： 我的 config.xml
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.myapp" version="0.8.2" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>MyApp</name>
<description>
My desc.
</description>
<author email="developers@me.com" href="http://myapp.com/">
MyApp Co.
</author>
<content src="index.html" />
<access origin="*" />
<access launch-external="yes" origin="tel:*" />
<allow-intent href="tel:*" />
<plugin name="Geolocation" value="CDVLocation" />
<plugin name="cordova-plugin-network-information" spec="~1.2.1" />
<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="android-minSdkVersion" value="16" />
<preference name="BackupWebStorage" value="none" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="7000" />
<preference name="FadeSplashScreenDuration" value="1000" />
<preference name="xwalkVersion" value="19+" />
<preference name="xwalkCommandLine" value="--disable-pull-to-refresh-effect" />
<preference name="xwalkMode" value="embedded" />
<preference name="xwalkMultipleApk" value="true" />
<preference name="StatusBarStyle" value="default" />
<feature name="StatusBar">
<param name="ios-package" onload="true" value="CDVStatusBar" />
</feature>
<hook src="hooks/before_build/010_some_hook.js" type="before_build" />
<hook src="hooks/after_prepare/020_other_hook.js" type="after_prepare" />
<platform name="android">
<splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
<splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
<splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
<splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
<splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
<splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
<icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
<icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
<icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
<icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
<icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
<icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
</platform>
<platform name="ios">
<splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
<splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
<splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
<splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
<splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
<splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
<splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
<splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
<icon height="57" src="resources/ios/icon/icon.png" width="57" />
<icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
<icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
<icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
<icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
<icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
<icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
<icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
<icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
<icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
<icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
<icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
<icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
<icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
<icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
<icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
<icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
<icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
</platform>
<icon src="resources/android/icon/drawable-xhdpi-icon.png" />
<plugin name="cordova-plugin-fcm" spec="~2.1.1" />
<plugin name="cordova-plugin-inappbrowser" spec="~1.7.0" />
<engine name="android" spec="~6.2.1" />
<engine name="ios" spec="~4.3.1" />
<plugin name="cordova-plugin-facebook4" spec="~1.7.4">
<variable name="APP_ID" value="myid" />
<variable name="APP_NAME" value="MyApp" />
</plugin>
</widget>
我们使用的插件列表：
"cordovaPlugins": [
"cordova-plugin-geolocation",
"cordova-plugin-whitelist",
"cordova-plugin-crosswalk-webview",
"cordova-plugin-splashscreen",
"cordova-plugin-statusbar",
"cordova-plugin-fcm",
"uk.co.workingedge.phonegap.plugin.launchnavigator",
"cordova-plugin-x-toast",
{
"variables": {
"FABRIC_API_KEY": "mykey",
"FABRIC_API_SECRET": "mysecret"
},
"locator": "cordova-fabric-plugin@1.1.1",
"id": "cordova-fabric-plugin@1.1.1"
},
"cordova-plugin-device",
"cordova-plugin-network-information",
"cordova-plugin-inappbrowser",
{
"variables": {
"APP_ID": "myid",
"APP_NAME": "myapp"
},
"locator": "cordova-plugin-facebook4",
"id": "cordova-plugin-facebook4"
},
"cordova-plugin-screen-orientation"
]
【问题讨论】：
-
是在模拟设备还是在真实设备（或两者兼有）时发生？这种行为出现在
ionic serve?调试时有日志吗？你修改过scss吗？从头开始复制这个项目时会发生这种情况吗？ -
您可以尝试使用此首选项`
` 或在设备就绪事件上调用 StatusBar.overlaysWebView(false);吗？ -
@vargen_ 我同意 jcesarmobile 的 cmets。在我的应用程序开发过程中遇到了同样的问题，并使用 config.xml 中的以下首选项“
"跨度> -
我做了一个快速检查，我们在 deviceReady 之后调用了
$cordovaStatusbar.overlaysWebView(true)。我把它移到了if iOS块中。这几个月没有给我们带来任何问题。无论如何，现在我重新构建了几次应用程序，它似乎可以工作。如果再构建几次后仍然很好，我会接受您的回答，谢谢！ -
是的，就像我说的，
StatusBar.overlaysWebView方法是在 2.2.3 版本的插件上为 android 添加的，该插件大约在一个月前发布。不管是谁做的，都没有记录下来。此外，您没有为插件固定版本，因此它会选择最新版本，这就是为什么在其他计算机上如果在创建应用程序时下载了以前版本的插件可能会正常工作。