Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ionic resources should generate iPhone X splash screens

See original GitHub issue

The following two lines need to be added to packages/ationic/cli-utils/lib/cordova/resources.js in RESOURCES.ios.splash.images to generate the splash screen images for iPhone X. Otherwise, a white bar appears at the bottom of the screen underneath the splash screen on app launch.

{ name: 'Default-2436h.png', width: 1125, height: 2436, orientation: 'portrait' },
{ name: 'Default-Landscape-2436h.png', width: 2436, height: 1125, orientation: 'landscape' },

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:8 (2 by maintainers)

Top GitHub Comments

4reactions

aaronneon2commented, Dec 20, 2017

Just an update on this issue. To fix my issue with the big splash image, I had to comment out the universay-anyany splash entry in config.xml to prevent my test iPhone6 running iOS 11 to use the universal splash image. Then I manually create a Default-2436h.png splash image and included it in config.xml since ionic resource generator does not provide it.

2reactions

aaronneon2commented, Dec 19, 2017

I think contributors should reopen this issue and generate Default-2436h.png & Default-Landscape-2436h.png image assets because the universal splash asset doesn’t display nicely on iPhone6 that are running iOS 11. The aspect ratio is maintained but I have my logo so big right in the center that it feels like right-in-the-face for my users.

Generating the required asset will have the splash asset in the proper dimensions.

Top Results From Across the Web

Generate Cordova Resources - Ionic Framework

Generate perfectly sized icons and splash screens from PNG source images for your Cordova platforms with this command. The source image for icons...

Making Ionic/Cordova App compatible for IPhone X - codeburst

Using Launch StoryBoard as a splash screen: Launch storyboard images: Images are sized based on scale, idiom, and size classes. Supports all devices,...

double ionic splash screen in iPhone X - Stack Overflow

First open Xcode and set splash screen of iphoneX 1125 × 2436 px image into (project name)->Resources->images.xassests folder then select ...

How to Automatically Generate Icons and Splash Screens ...

Ionic has a service that will generate the icons and splash screens for us, however, an Ionic account is required, you can create...

SplashScreen - Control Options to Display or Hide - Ionic.io

The Splash Screen plugin provides control options for displaying and hiding a splash screen, commonly during application launch.