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 (

Answer 1

Now with newer version of XCode. Build Settings -> Targeted Device Family -> Select Universal.

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?

Answer 3

I had this issues and solved it with this way,

1. Go to XCode, and General tab

2. In App Icons and Launch Image sections,

   2.1. Click the dropdown Launch Image Source, and a pop up will come out, click Migrate

   2.2. Click the dropdown Launch Screen File, and select the very first one

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

I had this issues after updating assets for AppIcons and SplashScreen

Hope it helps!

Answer 4

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

Run the project it should resolve your issue.