iosxcodestoryboard

Xcode storyboard view layouts are suddenly broken after a LaunchScreen is added

Xcode storyboard views are suddenly broken. How can I undo this change?

My app has been developed from old age, more than 10 years ago. The Xcode project file comes from this era.

My app has tab controllers with 4 view controllers under it. Somehow iPhone SE has been selected in the storyboard even though the real iPhone is iPhone 6s. Despite this difference, all views are shown as intended, i.e. the same as in storyboard.

Note: the first view controller has many components, which are loaded programmatically, but not from storyboard. The 2nd view controller, on the contrary, has many components by storyboard (not programmatically). Both views are shown properly.

The app does NOT have LaunchScreen.storyboard. Then one is added from storyboard with the iPhone SE (3rd generation) by mistake. It worked but now the other views are broken since then, as the screen is narrower with a short height as if it is SE 1st generation. Now what you see on the iPhone differs from the storyboard preview.

I guess that the view layouts are broken because two storyboard files have different screen sizes, namely iPhone SE (1st gen) and SE (3rd gen).

Is there any way to undo the change?

I tried those in vain.

Solution

  • To "get back to" what you had...

    Delete LaunchScreen.storyboard (as you have done).

    Make sure the selection is empty in Project -> General settings:

    gen

    Under Project -> Info settings, delete this entry:

    delete

    Quick test, that does revert to the "letter-boxed" layout.