Заставка PhoneGap не работает в IOS

Question

Я добавил splash.png в корневой каталог по умолчанию (с путем index.html). Затем я добавил плагин splash в config.xml.

<preference name="phonegap-version" value="cli-6.3.0" />
<preference name="SplashScreenDelay" value="5000" />
<plugin name="cordova-plugin-splashscreen" source="npm" />
<splash src="splash.png" />

Что не так с этим? Почему он не показывает мой splash.png? Он показывает значок заставки по умолчанию

Answer 1

Заставки, как известно, сложно сделать правильно. У меня всегда были проблемы, когда я использовал только одно изображение "splash.png", поэтому я рекомендую выбрать один экран-заставку для вашего текущего устройства, а затем добавить другие. Используйте следующие размеры, убедившись, что структура папок и размеры изображений точно совпадают. В противном случае вместо него будет отображаться PhoneGap по умолчанию.

ПРИМЕЧАНИЕ. Путь к папке не обязательно должен быть следующим: "splash/ios". То же самое с именами файлов, такими как "Default-568h@2x~iphone.png" - вы можете называть их как угодно, при условии, что фактическое имя файла совпадает!

<!-- iPhone 5 / iPod Touch (5th Generation) -->
<splash src="splash/ios/Default-568h@2x~iphone.png" platform="ios" width="640" height="1136" />

<!-- iPhone 6 -->
<splash src="splash/ios/Default-667h.png" platform="ios" width="750" height="1334" />
<splash src="splash/ios/Default-736h.png" platform="ios" width="1242" height="2208" />
<splash src="splash/ios/Default-Landscape-736h.png" platform="ios" width="2208" height="1242" />

<!-- iPad -->
<splash src="splash/ios/Default-Portrait~ipad.png" platform="ios" width="768" height="1024" />
<splash src="splash/ios/Default-Landscape~ipad.png" platform="ios" width="1024" height="768" />

<!-- Retina iPad -->
<splash src="splash/ios/Default-Portrait@2x~ipad.png" platform="ios" width="1536" height="2048" />
<splash src="splash/ios/Default-Landscape@2x~ipad.png" platform="ios" width="2048" height="1536" />