Splash-Screen in ionischem Rahmen cordova funktioniert nicht

Question

Das ist mein Code

angular.module('starter.controllers', ['ngCordova']) 
.run(function ($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
     setTimeout(function() { 
      navigator.splashscreen.hide(); 
     }, 500); 
    }); 
}) 

Answer 1

Versuchen Sie, das Splash-Screen zu verbergen? Wenn ja, warum sollte dein Splash nicht ein leeres Bild sein? Finden Sie ein hochauflösendes leeres PNG und führen Sie den Befehl ionic resources --splash aus. Dadurch wird Ihr Splash-Image für alle Geräte generiert.

Answer 2

Schauen Sie sich die Cordova's documentation oder die documentation on npm repository an: Sie müssen unter config.xml einige Einstellungen vornehmen.

Zuerst wird die folgende nicht auf der ersten Seite erwähnt, aber es könnte Ihr Problem lösen:

<preference name="SplashScreen" value="screen" /> 

Vielleicht könnten Sie auch einige Einstellungen ändern müssen, wie autohide deaktivieren (Sie verstecken bereits den Begrüßungsbildschirm manuell wenn Sie Ihre App verstecken, so sollte es kein Problem) sein:

<preference name="AutoHideSplashScreen" value="false" /> 

Hinweis:

Wie bereits von Joseph Ocasio erwähnt, vergesse auch nicht das generate your resources mit dem Ionic CLI.

Um alle (Anwendungssymbole + Splash-Screen Bilder) erzeugen:

ionic resources --splash 

Answer 3

Seien Sie sicher, dass Sie bereits das Plugin cordova-splash installiert bekommen haben:

ionic resources 

Bilder Splash-Screen nur zu generieren -screen (cordova plugin hinzufügen cordova-plugin-splashscreen --save)

Dann überprüfen Sie die Datei config.xml und fügen Sie diese

<preference name="FadeSplashScreen" value="true" /> 
    <preference name="FadeSplashScreenDuration" value="1000" /> 
    <preference name="Fullscreen" value="false" /> 

Es sollte Arbeit sein :)