iOS 9 Xcode 7 - Application appears with black bars on top and bottom

Question

Installed the app on iPhone 6 iOS9 and here is what happened. Notice black bars on top and bottom. It works just fine on iOS8. How I can fix it?

I've tried building with Xcode 6.4 & 7. Same result.

(iPhone 5 used to run iPhone 4 apps like this)

I have the same problem on iPhone 6 just after upgrading to iOS 9 — aledalgrande, Sep 17 '15 at 22:59
Try the fix here: http://stackoverflow.com/questions/32312906/ios9-app-has-black-bars-on-top-and-bottom — aledalgrande, Sep 17 '15 at 23:05
Quick fix: Under Project/Targets/"App Icons and Launch Images", for App Icon source choose "AppIcon" (ie use ASSET CATALOG), then delete all `Default-568h@2x.png` style launch screen files. Clean, build, should be full screen on every device — bobobobo, Dec 29 '20 at 21:19

score 202 · Accepted Answer · edited Dec 29 '20 at 21:34

202

Did you migrate your app from an earlier version of Xcode? If so then Xcode is now making an assumption about your screen size and you need a way of indicating the actual screen size at run time.

There are two ways:

a) If you use a launch screen.

You are missing a LaunchScreen.storyboard file. Create a Launch Screen object from the New File... dialog

b) If you don't use a launch screen.

Go to your Target's settings and choose General, then App Icons and Launch Images. Now set "Launch Screen File" to your "main.storyboard" (or another storyboard if appropriate)

edited Dec 29 '20 at 21:34

bobobobo

64,917
62
258
363

answered Sep 17 '15 at 23:09

Gruntcakes

37,738
44
184
378

1

What should be the contents of LaunchScreen.storyboard? I get an error saying OSX storyboards do not support target device "iphone" – adamF Sep 24 '15 at 21:01
4

You do not need a LaunchScreen file. Another option is to provide the needed launch images for each supported screen size. – rmaddy Sep 26 '15 at 18:36
i have same issue while open app in iOS 9.1, but my issue was resolve by adding the launch screen images for all the resolution, thanks to @rmaddy – g212gs Dec 11 '15 at 13:33
6

In my case I need change "Launch Screen File" to MainStoryBoard if you don't have Launch.screen.storyboard to make it work – Evan Lin Dec 22 '15 at 03:25
@Sausage Our application is working on zoom mode(no launch screen, no launch images, no constraints, just default-568h@2x). so how can we support iphone x? – Tejas Ardeshna Sep 15 '17 at 14:02
This worked for me, but not exactly as above. I started my app in Xcode 13 beta, but need to move to Xcode 12 so I can submit it. What it did was unselect the device orientations and removed the Launch screen file. So although I had a launch screen it was not hooked up. – Lucas Dahl Jul 12 '21 at 20:01

score 31 · Answer 2 · answered Sep 25 '15 at 02:40

31

My App does not use a launch image. Setting the "Launch Screen File" to my "main.storyboard" file fixed the issue for me.

This setting can be found under "Target->General->App Icons and Launch Images"

Use the following link for more information: http://oleb.net/blog/2014/08/replacing-launch-images-with-storyboards/

answered Sep 25 '15 at 02:40

dreamer.psp

615
7
12

2

This worked for me and seems like a much better solution than adding a random new storyboard to your project. – Jeremy Oct 23 '15 at 00:48
1

If the project is Parse IOS swift starter project, Go to Target->General->App Icons and Launch Images and the "Launch Screen File" dropdown value is empty. So choosing the "Main.storyboard" will resolve the "black bars on top and bottom" issue. – sfbayman Dec 06 '15 at 16:50
This solution will not work if you need to provide custom view for launch image or your launch image is different from storyboard initial view controller. – Himanshu Mahajan Dec 16 '15 at 12:27

score 17 · Answer 3 · answered Jan 08 '16 at 00:11

17

For me the problem is i'm migrating my app from earlier version of Xcode and the project is missing LaunchScreen.storyboard file. I have just created LaunchScreen.storyboard and added it to launch Screen File. This did the trick.

answered Jan 08 '16 at 00:11

smapps

320
3
6

score 6 · Answer 4 · edited Jun 20 '20 at 09:12

6

I'm using xcode 7.2 . At first, I created a LaunchScreen.storyboard file, as Potassium Permanganate suggested, and it worked! However, I didn't want a launch screen, so I tried setting Main.storyboard as Launch Screen File and it did the trick!

edited Jun 20 '20 at 09:12

Community

1
1

answered Mar 11 '16 at 20:07

Max Hiroyuki Ueda

101
2
4

score 6 · Answer 5 · answered Nov 12 '19 at 05:21

This one is if you do not use storyboard at all.

It occurs when you remove LaunchScreen from Launch Screen File in App icons and Launch Images.

Instead of removing it from here go to info.plist and find Launch screen interface file base name and remove LaunchScreen, i.e. leave it blank.

It wont show in info.plist if you have removed LaunchScreen already from Launch Screen File. Then you can give any name in Launch Screen File and it will appear and you can remove the name.

Great supplemental answer, thanks. – WickedW May 23 '23 at 13:45 — WickedW, May 23 '23 at 13:45

score 2 · Answer 6 · answered Dec 16 '15 at 12:25

When you migrate your app from earlier version of xCode to xCode 6 or xCode 7, you will face this issue.

For iOS 7 and earlier, developers need to provide separate launch images for all screen sizes, resolutions and orientations their app supported.

In Xcode 6 or later, there is another option. You can specify a storyboard whose initial view controller will then be used as the app’s launch screen. Use below steps:

Create a blank storyboard file named LaunchScreen.storyboard.
Go to your target settings and, on the "General" tab, select the storyboard as your Launch Screen File in "App Icons and Launch Images" section. Xcode will add a corresponding UILaunchStoryboardName key to your app’s Info.plist. When this key is present, Xcode will prioritize it over any launch images you might have set.
Add some subviews to newly created storyboard's view and position them with constraints. When you launch the app on a device, the OS should use the scene as the launch screen.

Delete the older app from simulator and clean the project.

Cheers :-)

score 2 · Answer 7 · answered Jan 16 '17 at 12:40

I have same issue in my app . In my app i have multiple targets added to project . If i use launch storyboard solution then i can see full screen but in my case my Lunch image looks blurred and stretched on iPhone 4 . To come out from this issue I have used LaunchImage asset solutions . After this still I am facing same issue .I have tried all above solutions, At end I found my png images don't include ALPHA resolutions . After adding new images ,i can see full screen images .

score 2 · Answer 8 · answered Dec 29 '20 at 21:52

iOS changed the way the system detects the resolution of the iPhone. You used to have to supply a number of png images named things like "Default-568@2x.png", "Default-667h@3x.png". Now you don't have to do that anymore. You need to delete those "Default-568@2x.png" style files and move on to using a proper LAUNCH SCREEN object in your project.

To add a launch screen just go to the New File... dialog (File / New / File, or press Cmd + N)

Double click that new Launch Screen file to edit it. Be sure it is ticked "use as launch screen" in its properties.

Finally be sure to select your LaunchScreen.storyboard file under project properties / Targets / "App Icons and Launch Images"

score 1 · Answer 9 · answered Nov 23 '15 at 14:09

1

Go to the asset catalog and create a new iOS launch Image. then in Target>General>App Icons and Launch Images>Launch Image Source you will see automatically the new Launch Image created in the assets catalog.

answered Nov 23 '15 at 14:09

Mohcine Belarrem

13
7

score 1 · Answer 10 · answered Nov 30 '15 at 00:23

In my case, I have several targets in the project and each one has it's own launch screen images. The weird thing one of the targets looks fine but others have those black bars. The thing was in the name of Launch folder inside assets. Change name to LaunchImage solves the problem.

score 1 · Answer 11 · answered Mar 06 '19 at 10:12

1

Swift 4.2

select LaunchScreen.storyboard if its empty

answered Mar 06 '19 at 10:12

Shakeel Ahmed

5,361
1
43
34

score 0 · Answer 12 · answered Nov 07 '16 at 19:28

In my case I have one asset with launch images however it was displaying the top and bottom dark bar as well.

I've tried the launch storyboard solution and yes it works but I didn't want to add a new file so, this is what I did to fix the issue:

Copied my launch images to another folder
Removed the existing LaunchImage asset
Added a new LaunchImage asset
Added the images to the new LaunchImage

That's it!

score 0 · Answer 13 · answered Jul 04 '18 at 13:41

0

Go to target settings in xcode in that section go to App icons and launch images section in that section select launch screen file you will find a drop down of values select CDVLaunchScreeen value against launch screen file value

answered Jul 04 '18 at 13:41

Shankar Prasad

11
2

score 0 · Answer 14 · answered May 07 '20 at 08:19

I had a similar issue on an iPod. To fix this, I replaced

<key>UILaunchStoryboardName~ipad</key>
<string>LaunchScreenIpad</string>
<key>UILaunchStoryboardName~iphone</key>
<string>LaunchScreenIphone</string>

with

<key>UILaunchStoryboardName~ipad</key>
<string>LaunchScreenIpad</string>
<key>UILaunchStoryboardName~iphone</key>
<string>LaunchScreenIphone</string>
<key>UILaunchStoryboardName~ipod</key>
<string>LaunchScreenIphone</string>

in Info.plist.

score 0 · Answer 15 · edited Dec 31 '20 at 14:42

0

I had an old app (iOS 7.4 - 8.2) and after upgrading it got the same issue (getting black empty bar at the top), I managed to solve it by:

Main.storyboard Choose your Scene & Controller on left menu, go to Attribute Inspector find "Presentation" and instead of "Automatic" set it to "Full Screen"

It did the trick for me.

edited Dec 31 '20 at 14:42

Dharman

30,962
25
85
135

answered Dec 31 '20 at 14:36

Seyed Hani Mohajerani

59
5

score 0 · Answer 16 · answered Dec 31 '21 at 21:11

My app is written in python kivy. This is what I did. It worked.

The reason is that I don't have AppIcon and LaunchImage defined.
There is free website that can provides you a set of icons and
launchImages for various devices.
Once you have the full set, usually 2 folders - AppIcon and LaunchImage folder. Open your Xcode project, General > AppIcon and Launch images.
In the AppIcon Source, click the arrow on the right. It will go to another page, in which you can drag and drop the two folders in (yes, drag the folders).
Go back to the previous General tab, in the AppIcon Source, you can select your folder, usually called AppIcon-1. And tick 'include all icon asset'
Leave 'Launch Screen File' blank. This is very different from previous Xcode version.
Under the deployment info, status bar style, you can tick require full screen.

After those steps you should be good to load again.

Please note these steps are for a non storyboard app. In my case, my app is written in kivy.

score -1 · Answer 17 · answered Feb 28 '17 at 17:30

-1

Don't Do anything that are described in earlier answers...

To show view Controller follow the following single step

Step 1 : Add the splash Screen for iPhone and iPad.

After this this error will not come again.

answered Feb 28 '17 at 17:30

Shubham JAin

593
8
15

iOS 9 Xcode 7 - Application appears with black bars on top and bottom

17 Answers17

Linked

Related