2016-12-11 4 views
1

Я пытаюсь добавить всплывающее окно в свое ионное приложение. Вот шаги, я затем:Ionic splashscreen не работает (отображается тот же значок по умолчанию)

$ionic start splashtest blank 
$ionic platform add android 
$cordova plugin add cordova-plugin-splashscreen 

Now, Updated my icon.png and splash.png to /splashtest/resources/ folder 
where the default icon.png and splash.png was there. 

$ionic resources --splash 
$ionic resources --icon 

Generated Successfully. 

Config.xml, в моей папке проекта (с:/splashtest /) выглядит следующим образом:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?> 
<widget id="com.ionicframework.splashv2209052" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"> 
<name>splashv2</name> 
<description> 
    An Ionic Framework and Cordova project. 
</description> 
<author email="[email protected]" href="http://example.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="SplashScreenDelay" value="2000"/> 
<preference name="FadeSplashScreenDuration" value="2000"/> 
<preference name="android-minSdkVersion" value="16"/> 
<preference name="BackupWebStorage" value="none"/> 
<preference name="SplashScreen" value="screen"/> 
<feature name="StatusBar"> 
<param name="ios-package" value="CDVStatusBar" onload="true"/> 
</feature> 
<platform name="android"> 
<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"/> 
<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"/> 
</platform> 
<icon src="resources\android\icon\drawable-xhdpi-icon.png"/> 
</widget> 

Я также видел, что иконки в/splashtest/platform/android/res/являются стандартными. Но мой config.xml относится к папке ресурсов/android/splash. Как я могу это исправить

Ionic -v 
2.1.8 


cordova -v 
6.4.0 

Благодаря

+0

Когда вы запускаете ионный бегущий андроид, вы получаете папку res в корне проекта? – Marko

ответ

2

У вас есть последняя версия кордовы, но, вероятно, не последняя версия платформы Android. Обновление до последней версии.

cordova platform update [email protected] 

EDITED: добавлено @ 6.1.0 к вышеуказанной команде. В противном случае он установит версию 6.0.0, и у вас все еще будут проблемы.

EDITED: Недавно выпущенная версия Cordova 6.5.0 имеет версию cordova-android 6.1.1. Итак, теперь вы можете сделать:

npm install -g cordova 
+0

Perfect Thankks a Lot! !!!! –

+0

Я рад, что смог помочь – JanP

+0

Да, проблема с версией платформы Android ... https://issues.apache.org/jira/browse/CB-12077 –

0

Я знаю, что это странно, но попытаться понизить в Кордову 6.3.1, в последнее время у меня есть один и тот же вопрос и должен понизить, чтобы заставить его работать (Вы можете также необходимо добавить платформу)

Я все еще смотрю, какие изменения в CLI могут вызвать это. (или какой новый способ мы должны реализовать, чтобы заставить его работать)

+0

как перевести Кордову на 6.3.1 –

+1

'sudo npm install -g cordova @ 6.3.1' Я должен сказать, что это не лучшее решение, возможно, даже не одобрено, но оно работает для меня @SouravDas – jjdltc

1

Столкнулся с той же проблемой. Обновление до android 6.1.1 решило проблему. Работал для меня:

cordova 6.5 (cordova --version) 
cordova platform update [email protected] 

несчастливо, он создал конфликт с admodpro, что я решил таким образом:
В моей config.xml:

<preference name="SplashScreen" value="screen"/> 
<preference name="SplashScreenDelay" value="3000"/> 
<preference name="android-build-tool" value="gradle"/> 
<plugin name="cordova-plugin-admobpro" source="npm"/> 

Будьте осторожны, не пишите «gap: plugin», но только «плагин». Это изменило все для меня.

+0

Спасибо. Это поможет другим, кто сталкивается с проблемой –

Смежные вопросы