cordova - ionic 闪屏隐藏不褪色

Question

正在开发我的第一个 Ionic 项目。

我对启动屏幕没有任何问题 - 我可以使用 CordovaSplashscreen 插件并告诉它在相关 promise 解决时隐藏()；我还可以注释掉该隐藏，而只是依赖 config.xml 中的 AutoHideSplashScreen 为 true，并让启动屏幕在 SplashScreenDelay 之后自动隐藏。

(我列出了这些确实有效的事情，因此很明显我的问题不是与数十个 Ionic 和 Cordova/PhoneGap 相关的启动屏幕问题的重复。)

我的问题是，无论我尝试什么 - ios、android、模拟器、真实设备、是否使用 CordovaSplashscreen 隐藏()、AutoHideSplashScreen 设置为 true、AutoHideSplashScreen 设置为 false 等等 - 我都不能让初始屏幕在消失时淡出。

无论 config.xml 设置、闪屏 hide() 调用或不调用、仿真或设备、ios 或 android 的组合如何，FadeSplashScreen 似乎都没有任何效果。

我当前的 config.xml 设置，尽管这并没有给出我尝试过的这些值的十几个排列的完整描述:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="com.ionicframework.yourkids381244" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
... other code at same level of hierarchy omitted ... 
  <preference name="SplashScreen" value="screen"/>
  <preference name="AutoHideSplashScreen" value="false"/>
  <preference name="auto-hide-splash-screen" value="false"/>
  <preference name="ShowSplashScreenSpinner" value="false"/>
  <preference name="SplashScreenDelay" value="10000"/>
  <preference name="FadeSplashScreen" value="true"/>
  <preference name="FadeSplashScreenDuration" value="3.0"/>
... other code at same level of hierarchy omitted ... 
</widget>

我的 app.js 路由中的代码执行 hide()'ing，不过，这似乎不是问题的一部分；它有效，我通过注释掉 hide() 行并将 AutoHideSplashScreen 设置为 false 来确认这一点，这成功地导致启动屏幕永远不会隐藏；但从该状态开始，无论是通过取消注释 hide() 行以使用 CordovaSplashscreen 来隐藏，还是将 AutoHideSplashScreen 设置为 true，我都无法隐藏以淡出启动屏幕。

  .state('app.main', {
    url: "/main",
    views: {
      'menuContent': {
        templateUrl: "templates/main.html",
        controller: ['$scope', '$timeout', '$ionicGesture',
        function($scope, $timeout, $ionicGesture) {
          $scope.$on('$ionicView.loaded', function() {
            ionic.Platform.ready( function() {
              $timeout(function() {
                if(navigator && navigator.splashscreen) {
                  // note that this works fine, except for the fading
                  navigator.splashscreen.hide();    
                }
              }, 500);
            });
          });
        }],
      }
    }
  })

(预计对此的评论不涉及 promise 的解决，这是在其他地方完成的，然后 app.main 被呈现......重点是，隐藏这种方式确实有效，但它没有<强>淡入淡出)

有更多可以尝试的想法吗？

Answer 1

尝试删除 config.xml 中包含splashscreen 值的所有首选项。这是我完整的 config.xml 首选项列表:

<preference name="webviewbounce" value="false"/>
<preference name="UIWebViewBounce" value="false"/>
<preference name="DisallowOverscroll" value="true"/>
<preference name="BackupWebStorage" value="none"/>

删除这些启动屏幕行应该会导致重置默认值。所以启动画面应该会消失。