Screens Rendering Issue on iPhone 4-inch Screen

Question

All the screens for my App do not stretch to cover all the real estate of 4-inch device screen. It renders fine for 3.5 inch. Toggle the 'Use Auto Layout' makes no difference; everything on story board looks good when toggle the left-most control in story-board to switch between '3.5-inch' form factor and '4-inch form factor'. See following screen-shots from 4-inch simulator. It does not work on 4-inch device either.

Anyone knows the possible cause of the problem?

Answer 1

I guess you are not setting the splash screen for 4-inch retina display. Please check for [email protected] image in your bundle. If you have splash screen with other name please rename it to [email protected]

If this image is missing please add this image in bundle and set it as launch image.

Answer 2

I found out the cause of the problem. Under the 'App Icons' section of the project, I chose 'Don't use asset catalogs', and do not know why, the screens rendered wrongly. After I use asset catalog, everything is fine now.