ionic-app splash-screen nicht angezeigt

Ich habe versucht, Sie über und über hinzufügen einen splashscreen zu meiner Ionic-App
mit dieser Konfiguration der icons funktioniert aber die splashscreen nicht funktionieren. Es ist die Anzeige einen leeren Bildschirm, auch nicht die cordova Standard splashscreen.

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="com.ionicframework.toggle423609" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <name>Toggle</name>
  <description>
        An Ionic Framework and Cordova project.
    </description>
  <author email="[email protected]" href="http://example.com.com/">
      Your Name Here
    </author>
  <content src="index.html"/>
  <access origin="*"/>
  <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="3000"/>
  <preference name="AutoHideSplashScreen" value="false" />

  <feature name="StatusBar">
    <param name="ios-package" value="CDVStatusBar" onload="true"/>
  </feature>
  <platform name="android">
    <icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/>
    <icon src="resources/android/icon/drawable-mdpi-icon.png" density="mdpi"/>
    <icon src="resources/android/icon/drawable-hdpi-icon.png" density="hdpi"/>
    <icon src="resources/android/icon/drawable-xhdpi-icon.png" density="xhdpi"/>
    <icon src="resources/android/icon/drawable-xxhdpi-icon.png" density="xxhdpi"/>
    <icon src="resources/android/icon/drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
    <splash src="resources/android/splash/drawable-land-ldpi-screen.png" density="land-ldpi"/>
    <splash src="resources/android/splash/drawable-land-mdpi-screen.png" density="land-mdpi"/>
    <splash src="resources/android/splash/drawable-land-hdpi-screen.png" density="land-hdpi"/>
    <splash src="resources/android/splash/drawable-land-xhdpi-screen.png" density="land-xhdpi"/>
    <splash src="resources/android/splash/drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/>
    <splash src="resources/android/splash/drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/>
    <splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi"/>
    <splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi"/>
    <splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi"/>
    <splash src="resources/android/splash/drawable-port-xhdpi-screen.png" density="port-xhdpi"/>
    <splash src="resources/android/splash/drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>
    <splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
  </platform>
  <platform name="ios">
    <icon src="resources/ios/icon/icon.png" width="57" height="57"/>
    <icon src="resources/ios/icon/[email protected]" width="114" height="114"/>
    <icon src="resources/ios/icon/icon-40.png" width="40" height="40"/>
    <icon src="resources/ios/icon/[email protected]" width="80" height="80"/>
    <icon src="resources/ios/icon/icon-50.png" width="50" height="50"/>
    <icon src="resources/ios/icon/[email protected]" width="100" height="100"/>
    <icon src="resources/ios/icon/icon-60.png" width="60" height="60"/>
    <icon src="resources/ios/icon/[email protected]" width="120" height="120"/>
    <icon src="resources/ios/icon/[email protected]" width="180" height="180"/>
    <icon src="resources/ios/icon/icon-72.png" width="72" height="72"/>
    <icon src="resources/ios/icon/[email protected]" width="144" height="144"/>
    <icon src="resources/ios/icon/icon-76.png" width="76" height="76"/>
    <icon src="resources/ios/icon/[email protected]" width="152" height="152"/>
    <icon src="resources/ios/icon/icon-small.png" width="29" height="29"/>
    <icon src="resources/ios/icon/[email protected]" width="58" height="58"/>
    <icon src="resources/ios/icon/[email protected]" width="87" height="87"/>
    <splash src="resources/ios/splash/Default-568h@2x~iphone.png" height="1136" width="640"/>
    <splash src="resources/ios/splash/Default-667h.png" height="1334" width="750"/>
    <splash src="resources/ios/splash/Default-736h.png" height="2208" width="1242"/>
    <splash src="resources/ios/splash/Default-Landscape-736h.png" height="1242" width="2208"/>
    <splash src="resources/ios/splash/Default-Landscape@2x~ipad.png" height="1536" width="2048"/>
    <splash src="resources/ios/splash/Default-Landscape~ipad.png" height="768" width="1024"/>
    <splash src="resources/ios/splash/Default-Portrait@2x~ipad.png" height="2048" width="1536"/>
    <splash src="resources/ios/splash/Default-Portrait~ipad.png" height="1024" width="768"/>
    <splash src="resources/ios/splash/Default@2x~iphone.png" height="960" width="640"/>
    <splash src="resources/ios/splash/Default~iphone.png" height="480" width="320"/>
  </platform>
</widget>

Haben Sie das plugin installiert zu Ihrem Projekt? cordova plugin add org.apache.cordova.splashscreen
Plugin "cordova-plugin-splashscreen" bereits installiert und das Plugin "cordova-plugin-splashscreen", bereits installierte ios nicht arbeitet

InformationsquelleAutor sridharan | 2016-03-21

18
1. Ersten versuchen readding plugin:
```
$ ionic plugin remove cordova-plugin-splashscreen
$ ionic plugin add cordova-plugin-splashscreen
```
2. Bearbeiten Sie dann die splash Bild in Ihrem resources Ordner.
3. Laufen $ ionic resources --splash im CLI
4. Rebuild $ ionic build android und führen Sie Ihre app
Überprüfen Ionic-Dokumentation - Icon und Splash Screen Generation

Wenn dies nicht funktioniert, sollten Sie entfernen und readd die Plattform, auf der Sie das problem Auftritt.
```
$ cordova platform remove android (or ios)
$ cordova platform add android (or ios)
```
ich habe dies getan, alle die Schritte nicht zu arbeiten
D:\nodejs\Toggle>cordova platfotm entfernen, android Fehler: Cordova nicht weiß, platfotm; versuchen cordova help für eine Liste aller verfügbaren Befehle.
Dies ist genau das, was der CLI gibt zurück, nach cordova platform remove android? Sind Sie auf Mac?
sznrbrt Windows . zeigt schwarzen Bildschirm
Erwähnenswert ist, dass das entfernen/Wiederanbringen der Plattform löschen der custom-splashscreen-images, die Sie hatte.

InformationsquelleAutor sznrbrt
10

Hier ist deine Antwort!!

Wenn Sie mithilfe von Cordova 6.4.0 (Treffer cordova -v im terminal prüfen Sie die version), werden Sie Gesicht dieses Problem(Symbole und splash-screens nicht erzeugen nach build)

Um das Problem zu beheben, haben Sie zwei Möglichkeiten :
1. ändern Sie das Wort Dichte zu qualifier in Ihrem config.xml. Für zB. setzen
<icon src="resources\android\icon\drawable-ldpi-icon.png" qualifier="ldpi"/> im Ort <icon src="resources\android\icon\drawable-ldpi-icon.png" density="ldpi"/>. Erstellen Sie das Projekt. Wird Arbeit.
1. Einfach installieren der cordova-version 6.3.1 von schlagen npm install -g [email protected] in Ihrem terminal. Entfernen und fügen Sie dann die Plattform, weiter zu bauen. Funktioniert wie ein Charme!!.
Grüße!! :p

Ich weiß nicht, warum dies so war downvoted, aber es fixiert mein problem. Ich habe versucht, für 4 Tage, um dies herauszufinden und alles, was ich zu tun hatte, ist update meiner Cordova.
dies funktionierte perfekt für mich zu sein. danke!
ja, es funktioniert. ändern von "Dichte" , "qualifier" für splashscree
Danke. Es funktioniert für mich.
Ja, es funktioniert in cordova v. 8.0.0 als gut. vielen Dank für die Rettung Haare auf meinem Kopf....

InformationsquelleAutor Sushree Moharana
6

Nach entfernen und hinzufügen von cordova
```
   $ cordova platform remove android (or ios)
   $ cordova platform add android (or ios)
```
Erhalten Sie eine /res Ordner mit deinen icons und splash-screens. Kopieren Sie den Inhalt aus /res und einfügen in platfomrs/android/res, dies ersetzt die standard-Icons und splash-screens.

Dann bauen Sie Ihre app und erhalten Sie Ihre eigene Bilder.

Ich verwendet ionic-Registerkarte Vorlage, ohne änderungen.

Für mich auf ionic2 nun, die Dateien die nicht benannt wurden drawable-port-xhdpi-screen.png aber screen.png gespeichert und in separaten Ordnern drawable-port-ldpi zum Beispiel. Musste kopieren und einfügen und manuell umbenennen

InformationsquelleAutor Lucas Isasmendi
4

seit 07 Nov 2016. Cordova 6.4.0 Release mit der neuen android-version - [email protected].

Wahrscheinlich sind Sie mit android@5 in der cordova(oder die alte version von android).
Versuchen Sie aktualisieren/installieren Sie die neue version von cordova android.

Aktualisieren:
cordova-Plattform-update [email protected]

Hinzufügen, dass es explizit:
cordova platform add [email protected]

https://cordova.apache.org/announcements/2016/11/07/android-release.html
https://cordova.apache.org/blog/

InformationsquelleAutor Shahar ドーン Levi

Mein Splash-Screen nicht zeigen, bis entweder (Ionic 3). Ich fand diese Link sehr hilfreich. Diese Einträge in der config.xml hat den trick für mich:

<preference name="SplashMaintainAspectRatio" value="true"/>
<preference name="SplashScreen" value="screen"/>
<preference name="SplashScreenDelay" value="30000"/>
<preference name="AutoHideSplashScreen" value="false"/>
<preference name="SplashShowOnlyFirstTime" value="false"/>
<preference name="FadeSplashScreen" value="false"/>

InformationsquelleAutor Ramon Rambo

1

Wir haben versucht, zu aktualisieren, ionic-app splash-screen mit unter Konfiguration-system, scheiterte aber :

Cordova CLI: 6.4.0 Ionic CLI Version: 2.1.7 Ionic App Lib Version: 2.1.4 ios-deploy version: 1.9.0 ios-sim version: 5.0.11 OS: macOS Sierra Node Version: v6.9.1 Xcode version: Xcode 8.1 Build version 8B62

Waren wir in der Lage, zu generieren splash-screen und beheben Sie das Problem unter Konfiguration-system:

Cordova CLI: 6.3.1 Gulp version: CLI version 3.9.1 Gulp local: Local version 3.9.1 Ionic Framework Version: 1.2.4 Ionic CLI Version: 2.1.0 Ionic App Lib Version: 2.1.0-beta.1 ios-deploy version: Not installed ios-sim version: Not installed OS: Mac OS X El Capitan Node Version: v6.6.0 Xcode version: Xcode 8.1 Build version 8B62

Bitte poste keine identischen Antworten zu mehreren Fragen. Post eine gute Antwort, dann Stimmen/Flagge schließen Sie die Fragen als Duplikate. Wenn die Frage nicht doppelt, passen Sie Ihre Antworten auf die Frage.
Danke hab es jetzt

InformationsquelleAutor Naushad Qamar
1

hatte ich dasselbe problem, dass ich manuell lösen, gehen Weg MY_PROJECT\platforms\android\res und löschen drawable* und mipmap* und dann kopieren drawable* und mipmap* aus MY_PROJECT\res und dann re-build-Projekt wieder

InformationsquelleAutor Bundit.Ng
0

Vergewissern Sie sich, dass "cordova-plugin-splashscreen" - plugin installiert (in den plugins/ Ordner oder durch ausführen ionic cordova plugins (für Ionische v3+) oder ionic plugins Befehl (bei älteren Versionen von Ionischen).

Wenn es dort nicht ausführen:

ionic plugin add cordova-plugin-splashscreen (Ionic v1 - v2)

ionic cordova plugin add cordova-plugin-splashscreen (Ionic v3+)

Ohne das plugin iOS immer noch den splash-screen kurz, aber Android nicht.

Beachten Sie, wenn Sie haben eine Tonne von plugins versuchen ionic plugins | grep splash (Ionic v1-v2) oder ionic cordova plugins | grep splash (Ionic v3+), um herauszufinden, der das plugin installiert ist. Wenn es ist - Sie sehen eine Ausgabe ähnlich der folgenden cordova-plugin-splashscreen 4.0.3 "Splashscreen"

InformationsquelleAutor Ilya Vinogradov
0

hinzufügen von Splash-Screen Cordova-plugins in Ihre app mithilfe des folgenden Befehls
```
    $ionic cordova plugin add cordova-plugin-splashscreen
    $npm install --save @ionic-native/splash-screen
```
Fügen Sie folgende Zeile in Ihr config.xml Datei
```
<preference name="FadeSplashScreen" value="false" />
<preference name="AutoHideSplashScreen" value="false" />
```
Entfernen Sie außerdem die SplashScreen.hide() im app.Komponente.ts Datei

Mehr details mit Beispiel besuchen: https://answerdone.blogspot.com/2018/02/ionic-3-splash-screen-plugins.html

InformationsquelleAutor Ganesh Garad

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.