CODEWITHSUNDEEP
iosreact-native
alfonso
alfonso

Reputation: 884

React Native screen display cut off at top and bottom, and app looks zoomed in

Out of nowhere, the display on my app is cut off and there are two black bars at the top and bottom. It looks almost like watching a wide-screen film on a television set where the aspect ratio is adjusted.

Because the display has been resized, the display elements appear much larger and the app has a "zoomed in" look. I'm going through my commit history trying to see what happened, and I'm worried I accidentally made a change in Info.plist. I also thought maybe I had made a mistake with Dimensions or flex settings, but I've gone through my commit history and I haven't made any changes to them.

Is anybody aware of what might be causing this, or which settings in xCode/Info.plist control this?

I'll continue going through my commit history and I'll post a solution if I find one. Thanks.

screen capture

Upvotes: 1

Views: 2637

Answers (1)

amurmurmur
amurmurmur

Reputation: 56

I had exactly the same problem. The issue is due to missing Splash screen. Create LaunchScreen.storyboard and than in your Project->Targets settings select "Launch Screen File"

Clean project and Rebuild.

Upvotes: 4

Related Questions