CODEWITHSUNDEEP
iosuinavigationbarios-simulatorxcode9iphone-x
Darko
Darko

Reputation: 9855

Seeing black bars at the top and bottom of the iPhone X Simulator

Running my App in the iPhone X Simulator (GM Seed) I am noticing two strange effects:

enter image description here

Does anybody know what is happening here and how to resolve this? I can't find any new settings in Interface Builder.

Upvotes: 136

Views: 51778

Answers (11)

Prabakaran Muthusamy
Prabakaran Muthusamy

Reputation: 175

Yes me too face that top spacing issue in iOS 15,

iOS 15 needs some new size of the Launch images

So you please check your all the launch screen images

Check your Attribute inspector is portrait for Launchscreen

enter image description here

Upvotes: 0

Aqib Zareen
Aqib Zareen

Reputation: 121

You may check in project target launch screen file is not set to empty if it is empty it may cause problem.enter image description here

Upvotes: 1

Revanth Matha
Revanth Matha

Reputation: 69

Just had this problem... When I selected the project & the correct target I had a blank for the 'launch screen file' under the app icons and launch screen images tab. I set it to the default LaunchScreen and the resizing issue I faced was taken care of.

Upvotes: 1

Myxtic
Myxtic

Reputation: 5699

Just ran into this while trying to update an app I hadn't worked on in a while.

On Xcode 9.4, I was able to fix this by doing the following:

  1. Add a launch screen by going to File -> New -> File... -> Launch Screen

enter image description here

  1. Make sure the newly added launch screen storyboard is selected as the launch screen file under project settings.

enter image description here

Upvotes: 6

Bedri Keskin
Bedri Keskin

Reputation: 61

if you removed LaunchScreen.storyboard; Choose your project, select your project target, General -> App Icons and Launch Images -> Launch Screen File: Select here Main.storyboard instead of LaunchScreen.storyboard

Upvotes: 1

Blago
Blago

Reputation: 4747

If you already have a 1125px × 2436px launch image but the app is still not using the full screen check to make sure that your image is PNG.

Upvotes: 1

Arbitur
Arbitur

Reputation: 39091

I fixed it by simply inserting some random text in the Lanch Screen File textfield. I dont even have a Launch Screen File... XCode is so buggy.

update

Although this fixes it in simulator (still very weird and unexpected) when uploading a binary to iTunes Connect it will fail due to not finding a LanchScreen file of name "random-name"

Upvotes: 11

Karthick C
Karthick C

Reputation: 1529

I have figured out this issues in iPhone X. Launch image size (1125*2436px) Please flow this below steps. 1.i)Choose your project name in Xcode. ii)Select your project target iii)Then select Launch images source enter image description here

  1. You can get Migrate popup i) Choose Assets ii)Select Migrate

enter image description here

  1. After that select your Assets.xcassets in your project enter image description here

  2. Then select Launch image in assets i)Then select attribute inspectorenter image description here

  3. finally check your Launch image source. you can see set Launch image.

enter image description here

Upvotes: 38

sabiland
sabiland

Reputation: 2614

I have figured out how to fix (though I still don't understand why this happened only on iPhone X) LaunchScreen storyboard on iPhone X with seeing black top&bottom bars.

I have LaunchScreen storyboard with one UIImageView.

UIImageView's top&bottom has to be pinned to SuperView's top&bottom. NOT to SafeArea.

Upvotes: 14

Lal Krishna
Lal Krishna

Reputation: 16190

iPhone X needs different launch image sized 1125px x 2436px (375pt x 812pt @3x).

enter image description here

Check human interface guidelines for more details.

Upvotes: 19

rmaddy
rmaddy

Reputation: 318924

When using launch images (instead of the much easier Launch screen file), you need to provide the properly sized launch image for each device size you wish to support. Once you add the additional launch image, your app should take advantage of the new screen size.

The new iPhone X requires a launch image sized at 1125px × 2436px which is a 3x image for 375pt × 812pt.

Of course if you switch over to using a Launch screen file instead of individual launch images, your app will automatically adapt to all device sizes without any additional work.

Upvotes: 188

Related Questions