When I add splash screen to my iOS app the app has blank space on top and bottom

HCL Volt MX Volt MX Forum
1
This thread was migrated from an old forum. It may contain information that are no longer valid. For further assistance, please post a new question or open a support ticket from the Customer Support portal.

If I build my app without a splash screen it fills the entire screen (iOS). If I add a splash screen it squishes the app and adds blank space at the top add bottom. See attached images. The splash screen is a png file, the resolution is 750x1334. I see this behaviour on all iOS phone devices and emulators.

2

Hi,

The issue is because of not using proper splash images according to the resolutions in iOS channel. As per the Apple standards, below are the resolutions for the splash images.

You have to use below-mentioned splash screen images into the application. The name could be anything but the size and naming extension must follow.

splash.png (320x480) - iPhone 4/3g

splash@2x.png (640x960) - iPhone 4S

splash-568h@2x.png (640 x 1136) - iPhone 5/5c/5S

splash-667h@2x.png (750 x 1334) - iPhone 6

splash-Portrait-736h@3x.png (1242x2208) -iPhone 6+

Please find the attached sample application for your reference. Kindly check and let us know if the issue still replicates.

Thank You

3

Hi,

Please add the splash screen in below dimensions,

iPhone 6 Splash screen

750 x 1334 dimensions with the naming convention-> ImageName-667h@2x.png

iPhone 6 Plus landscape Splash screen

2208 x 1242 dimensions with the naming convention-> ImageName-Landscape-736h@3x.png

iPhone 6 Plus portrait Splash screen

1242 x 2208 dimensions with the naming convention-> ImageName-Portrait-736h@3x.png

Please verify with above dimensions and do revert if you still observe the blank space on top and bottom

4

Hi,

Please use below mentioned resolution splash screen images in your application,

splash.png (320x480) - iPhone 4/3g

splash@2x.png (640x960) - iPhone 4S

splash-568h@2x.png (640 x 1136) - iPhone 5/5c/5S

splash-667h@2x.png (750 x 1334) - iPhone 6/7/8

splash-Portrait-736h@3x.png (1242x2208) -iPhone 6+/7+8+

5

Thank you for the assistance. Much appreciated.

6

Do I need to do something similar with app icons as well? I had to add them manually to Xcode.

7

Hi,

Please follow the below link for appicon sizes which suggested by Apple.

https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/

From Xcode 9 onwards we need to provide App Store icon sized 1024x1024 and other App Icons image resolutions within the Xcode itself. This can be done by adding Image Assets from Asset Catalog [ -> App Icons & Launch Images -> New iOS App Icon ] and fill out all the required Icon image sizes.

The CFBundleIconName in Info.pList will be the same as App Icon name that you have provided. (Default value is: AppIcon)

If you were not using assets catalog, now it is the time to migrate to it.

Kindly go through the video provided in the below url, demonstrates to resolve the reported issue.

Link: https://www.dropbox.com/s/uyf3vl6i7395953/Appsubmission.mov?dl=0

Also, kindly go through the below Kony basecamp link for the same.

Link: https://basecamp.kony.com/s/question/0D56A00000AnrnESAR/?t=1511029779722&searchQuery

Please check and let us know if you need any further support.

Thank You

8

Thank you.

9

Hi,

Please click [Select as Best] for my response. This will help us close out the post

Thank You