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

Alfonso Published at Dev

138

alfonso

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.

amurmurmur

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.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2020-11-26

Comments

0 comments

React Native SafeAreaView background color - How to assign two different background color for top and bottom of the screen?

I want a UITableView inside of a UIScrollView to extend to the bottom of the UIScrollView and not get cut off by initial screen

TOP Ranking

Article

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

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

Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)

Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background

pump.io port in URL

How to import an asset in swift using Bundle.main.path() in a react-native native module

Failed to listen on localhost:8000 (reason: Cannot assign requested address)

Spring Boot JPA PostgreSQL Web App - Internal Authentication Error

Emulator wrong screen resolution in Android Studio 1.3

3D Touch Peek Swipe Like Mail

Double spacing in rmarkdown pdf

Svchost high CPU from Microsoft.BingWeather app errors

How to how increase/decrease compared to adjacent cell

Using Response.Redirect with Friendly URLS in ASP.NET

java.lang.NullPointerException: Cannot read the array length because "<local3>" is null

BigQuery - concatenate ignoring NULL

How to fix "pickle_module.load(f, **pickle_load_args) _pickle.UnpicklingError: invalid load key, '<'" using YOLOv3?

ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3

Can a 32-bit antivirus program protect you from 64-bit threats

Make a B+ Tree concurrent thread safe

Bootstrap 5 Static Modal Still Closes when I Click Outside

Vector input in shiny R and then use it

Assembly definition can't resolve namespaces from external packages