it-swarm.com.ru

заставка ионного приложения не отображается

Я снова и снова пытался добавить заставку к своему Ionic App С этой конфигурацией значки работают, но splashscreen не работают. Он отображает пустой экран, даже cordova по умолчанию 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/[email protected]~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/[email protected]~ipad.png" height="1536" width="2048"/>
    <splash src="resources/ios/splash/Default-Landscape~ipad.png" height="768" width="1024"/>
    <splash src="resources/ios/splash/[email protected]~ipad.png" height="2048" width="1536"/>
    <splash src="resources/ios/splash/Default-Portrait~ipad.png" height="1024" width="768"/>
    <splash src="resources/ios/splash/[email protected]~iphone.png" height="960" width="640"/>
    <splash src="resources/ios/splash/Default~iphone.png" height="480" width="320"/>
  </platform>
</widget>
10
sridharan
  1. Сначала попробуйте прочитать ваш плагин:

    $ ionic plugin remove cordova-plugin-splashscreen
    $ ionic plugin add cordova-plugin-splashscreen
    
  2. Затем отредактируйте изображение splash в папке resources.
  3. Запустите $ ionic resources --splash в CLI
  4. Перестройте $ ionic build Android и запустите ваше приложение

Проверка Ионная документация - Создание иконок и заставок

Если это не работает, вы должны удалить и прочитать платформу, на которой вы испытываете проблему.

$ cordova platform remove Android (or ios)
$ cordova platform add Android (or ios)
18
sznrbrt

Вот ваш ответ!  

Если вы используете Cordova 6.4.0 (нажмите cordova -v в своем терминале, чтобы проверить версию), вы столкнетесь с этой проблемой (значки и заставки не будут создаваться после сборки)

Для решения этой проблемы у вас есть два варианта:

  1. измените Word плотность на квалификатор в вашем config.xml. Например, положил

<icon src="resources\Android\icon\drawable-ldpi-icon.png" qualifier="ldpi"/> вместо <icon src="resources\Android\icon\drawable-ldpi-icon.png" density="ldpi"/>. Постройте проект. Буду работать.

  1. Просто установите Cordova версии 6.3.1, нажав npm install -g [email protected] в своем терминале. Снимите, а затем добавьте платформу, далее соберите ее. Работает как шарм !!.

С уважением!! :п

10
Sushree Moharana

После удаления и добавления кордова

   $ cordova platform remove Android (or ios)
   $ cordova platform add Android (or ios)

Вы получите папку /res со своими иконками и заставками. Скопируйте содержимое из /res и вставьте в platfomrs/Android/res, это заменит стандартный значок и заставки.

Затем создайте свое приложение, и вы получите свои собственные изображения.

Я использовал шаблон ионной вкладки, без изменений.

6
Lucas Isasmendi

с 07 ноября 2016 года. Cordova 6.4.0 выпущена с новой версией Android - [email protected]

Скорее всего, вы используете Android @ 5 в своей Cordova (или старой версии Android) . Попробуйте обновить/установить новую версию Cordova Android.

Для обновления: Обновление платформы cordova [email protected]

Чтобы добавить его явно: Платформа cordova добавить [email protected]

https://cordova.Apache.org/announcements/2016/11/07/Android-release.htmlhttps://cordova.Apache.org/blog/

4
Shahar ドーン Levi

Мой Splash-Screen тоже не показывался (Ionic 3). Я нашел это Ссылка , чтобы быть очень полезным. Эти записи в config.xml помогли мне:

<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"/>
4
Ramon Rambo

Мы пытались обновить заставку ionic app, используя приведенную ниже конфигурационную систему, но не смогли:

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

Мы смогли сгенерировать заставку и устранить проблему в следующей конфигурации системы:

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

1
Naushad Qamar

у меня была та же проблема, я решил вручную, перейдя по пути MY_PROJECT\platforms\Android\res и удалив drawable* и mipmap*, а затем скопировал drawable* и mipmap* из MY_PROJECT\res и затем заново собрал проект

1
Bundit.Ng

добавьте плагины Splash Screen Cordova в свое приложение, используя следующую команду

    $ionic cordova plugin add cordova-plugin-splashscreen
    $npm install --save @ionic-native/splash-screen

Добавьте следующую строку в ваш файл config.xml

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

Кроме того, удалите SplashScreen.hide() в файле app.component.ts

Более подробная информация с примером визита: https://answerdone.blogspot.com/2018/02/ionic-3-splash-screen-plugins.html

0
Ganesh Garad

Убедитесь, что у вас установлен плагин «cordova-plugin-splashscreen» (в папке plugins/ или с помощью команды ionic cordova plugins (для Ionic v3 +) или команды ionic plugins (более старые версии Ionic). 

Если его там нет, запустите:
ionic plugin add cordova-plugin-splashscreen (Ionic v1 - v2)
ionic cordova plugin add cordova-plugin-splashscreen (Ionic v3 +)

Без плагина iOS все равно покажет краткий экран-заставку, а Android - нет.

0
Ilya Vinogradov