cordova-app zeigt einen schwarzen Bildschirm, bevor der splash-screen zeigt

Ich bin der Entwicklung einer web-app mit Intel XDK die baut meine app mit Cordova online.
Ich füge ein splash-screen mit den splash screen plugin. Und der splash-screen erscheint, wenn ich starten meiner app. Aber bevor der splash-screen zeigt einen schwarzen Bildschirm zeigt für eine kleine Weile ersten. Wie könnte ich es machen, zeigt den splash-Bildschirm sofort, ohne einen schwarzen Bildschirm zuerst.

Googelte ich nach Tagen..Und ich finde viele andere hatten dieses problem. Aber es scheint, können die Lösungen helfen mir nicht..

Ich habe versucht, legen Sie AutoHideSplashScreen auf false und SplashScreenDelay = 10000(oder höher), und den Begrüßungsbildschirm auszublenden, wenn alle Dinge fertig sind(app.Bereit, deviceready..)

Jede Hilfe wird sehr geschätzt, danke.

Mehr Informationen bitte. Auf welchem Gerät tritt dieser Fehler auf?
dies ist kein Fehler, das passiert auf allen Geräten, während es geladen cordova

InformationsquelleAutor Lcng | 2016-04-30

cordova

3

1) wenn Sie einige splashscreen.png können Sie erstellen, android-Stil-Datei unter {Projekt}\res\values (zum Beispiel splashscreen-style.xml), und stellen splashscreen.png in {Projekt}\res\drawable Ordner (oder drawable-mdpi, drawable-xhdpi, ...), wird es abgebildet werden automatisch @drawable/splashscreen:
```
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="YourThemeName" parent="android:style/Theme.Light.NoTitleBar.Fullscreen">
        <item name="android:windowBackground">@drawable/splashscreen</item>
    </style>
</resources>
```
2) Gelten Ihr die von config.xml:
```
    <edit-config file="AndroidManifest.xml" mode="merge"
             target="/manifest/application/activity">
        <activity android:theme="@style/YourThemeName" />
    </edit-config>
```
Muss es funktionieren, zumindest für cordova 6.5.0🙂 und einige eralier version.

Auch Sie können sehen, https://simonerescio.it/en/2014/05/phonegap-android-splashscreen-application

InformationsquelleAutor daniil_

Ich fest das nach viel Untersuchungen.

Erstens gehen Sie zu intelxdk.config.additions.xml Datei

fügen Sie diese Zeile am oberen

<preference name="SplashScreenDelay" value="8000" />//Wert verändern je nach ur Bedürfnisse in Millisekunden

Auch ändern, die FadeSplashScreenDuration (iOS)

      `<preference name="FadeSplashScreenDuration" value="8000"/>`

Hier ist der vollständige code

<!-- 'value' = number of milliseconds to display the splash screen in a Cordova build. -->
<!-- This preference only affects Cordova builds for Crosswalk and Android. -->
 <preference name="SplashScreenDelay" value="8000" /> 

<platform name="ios">
    <!-- below requires the splash screen plugin -->
    <!-- docs: https://github.com/apache/cordova-plugin-splashscreen -->
    <preference name="AutoHideSplashScreen" value="false" />
    <preference name="FadeSplashScreen" value="false"/>
    <preference name="FadeSplashScreenDuration" value="8000"/>
    <preference name="ShowSplashScreenSpinner" value="true"/>

    <!-- below requires the status bar plugin -->
    <!-- docs: https://github.com/apache/cordova-plugin-statusbar -->
    <!-- see http://devgirl.org/2014/07/31/phonegap-developers-guid -->
    <preference name="StatusBarOverlaysWebView" value="false" />
    <preference name="StatusBarBackgroundColor" value="#000000" />
    <preference name="StatusBarStyle" value="lightcontent" />
</platform>

<platform name="android">
    <!-- below requires the splash screen plugin -->
    <!-- docs: https://github.com/apache/cordova-plugin-splashscreen -->
      <preference name="ShowSplashScreenSpinner" value="true"/>
    <preference name="SplashMaintainAspectRatio" value="true" />
</platform>

<!-- use this feature to add command-lines to be used by Crosswalk builds on device -->
<!-- see http://peter.sh/experiments/chromium-command-line-switches/for complete list -->
<intelxdk:crosswalk xwalk-command-line="--disable-pull-to-refresh-effect" />
<!-- ignore gpu blacklist for larger collection of gpu accelerated devices -->
<intelxdk:crosswalk xwalk-command-line="--ignore-gpu-blacklist" />

InformationsquelleAutor Yuvraj Mudaliar

Ich hatte das gleiche problem, und die Dokumentation ist ein wenig unzusammenhängend.

Config.XML sicherzustellen, dass Sie die folgenden Zeilen.
Android: Einstellen der time-out-Periode zu, was zu einem passt.(10000 für mich, da ich den pre-load einige Seiten im DOM).

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

Ios:

<preference name="FadeSplashScreen" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="AutoHideSplashScreen" value="false" />

in Index.Js

function () {
document.addEventListener('deviceready', onDeviceReady.bind(this), false);
function onDeviceReady() {
setTimeout(function () {
        navigator.splashscreen.hide();
    }, 50);
}

Dieser gehalten wird der Begrüßungsbildschirm geöffnet, bis die Plattform war bereit für mich.

InformationsquelleAutor Andy Donegan

Gehen confi.xml und versuchen, diesen code. Es funktioniert für mich.

<access origin="*" />
<preference name="SplashScreen" value="screen"/>
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="SplashScreenDelay" value="5000"/>
<preference name="FadeSplashScreenDuration" value="5000"/> 
<preference name="AutoHideSplashScreen" value="true"/>
<preference name="SplashShowOnlyFirstTime" value="false"/>
<preference name="FadeSplashScreen" value="false" /> 



<!-- Ionic supports Android Jellybean and up --> 
<preference name="android-minSdkVersion" value="16" />

<!-- Don't store local data in an iCloud backup. Turn this to "cloud" to enable storage 
     to be sent to iCloud. Note: enabling this could result in Apple rejecting your app.
-->
<preference name="BackupWebStorage" value="none" />

<feature name="StatusBar">
  <param name="ios-package" value="CDVStatusBar" onload="true" />
</feature>
<feature name="SplashScreen">
  <param name="ios-package" value="CDVSplashScreen"/>
  <param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen"/>
  <param name="onload" value="true"/>
</feature>

InformationsquelleAutor Abdelaziz Fellah

0

Gehen platform/android/AndroidMainfest.xml .
Und Suche android:theme="android:style/Theme.DeviceDefault.NoActionBar".
```
Android will load a blank layout before it loads based on the theme you have set for it. The solution is to the theme of the splash activity to a transparent one.
```
Ändern und es zu wie das android:theme="android:style/Theme.Translucent.NoActionBar".

InformationsquelleAutor satish

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.