React Native: Unwanted Black border on ipad 2 simulation

Question

I am testing a new (simple) reactive native app, choosing ipad 2 as target in the simulator.

The loading screen shows full screen, but the first application screen (by react native) shows a big black border around the content. I created a completely new project, but it has the same border.

Is this a known issue? Do I need to add something to prevent this border from happening?

EDIT: I have an impression the application is built as an iphone app, but deployed/displayed to an ipad. I see the 1x / 2x button. Probably this is causing it. So probably the first question is: how do I configure xcode that it is actually an ipad app?

Thanks in advance!

Jeroen

Answer 1

Go to Build Settings Type Targeted Device Family in search bar Select 1,2

Run the project it should resolve your issue.

Answer 2

The application was being built as an iphone app, but deployed/displayed to an ipad. I see the 1x / 2x button. This was causing it. So: how do I configure xcode that it is actually an ipad app? See url below:

How to change iPhone/iPad app to iPhone only?