2016-04-11 30 views
0

Ionic Android projem için bir açılış ekranı ekledim ve gayet iyi çalışıyor.
Tek sorun, uygulamanın önce gri bir ekran (uygulama arka planı beyaz) yapması, ardından açılış ekranını göstermesi ve uygulamanın başlatıldığı sırada gösterdiği gri renge doğru kaymasıdır, ancak ilk uygulama görünümünü yükler.İyonik açılış ekranı yapılandırması ve arka planı

Web'i olası çözümler için aradım ancak sorunumu ele alan hiçbir şey bulamadım.
Lütfen dikkat: Uygulamamı sadece android üzerinde test ediyorum ve şu anda sadece android üzerinde çalışmam gerekiyor.

config.xml dosyasını karıştırmaya çalıştım ancak uygulamayı her oluşturduğumda, yapılandırma dosyası varsayılan durumuna geri döner.

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

cevap

1

Kök dizinde config.xml düzenlemek zorunda: Burada

config.xml giriş ekranı parçasıdır. Uygulamanızı ionic build veya ionic run ile kurarsanız, patform dizini içinde yaptığınız tüm değişikliklerin üzerine yazılacaktır.

İyonik tarafından verilen splashscreen'a bir bakın.

0

Öncelikle simgesi ve sıçrama oluşturmalıdır Sonra eklemek ionic plugin add cordova-plugin-splashscreen yükleyip sonra app.ts veya app.component.ts içine config.xml

<preference name="ShowSplashScreen" value="true"/> 
<preference name="SplashScreen" value="screen"/> 
<preference name="SplashScreenDelay" value="3000"/> 
<preference name="AutoHideSplashScreen" value="false"/> 
<preference name="SplashShowOnlyFirstTime" value="false"/> 
<preference name="FadeSplashScreen" value="false"/> 
<feature name="SplashScreen"> 
<param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen"/> 
</feature> 

aşağıdaki kodu ekleyin

(http://ionicframework.com/docs/cli/icon-splashscreen.html burada bakmak)

import {Splashscreen} from 'ionic-native'; 

........ 

initializeApp() { 
    this.platform.ready().then(() => { 
     // Okay, so the platform is ready and our plugins are available. 
     // Here you can do any higher level native things you might need. 

    Splashscreen.hide(); 


    }); 
İlgili konular