ios - with - react native support ipad
React Native: Unwanted Black border on ipad 2 simulation (2)
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!
Go to Build Settings Type Targeted Device Family in search bar Select 1,2
Run the project it should resolve your issue.
I had this issues and solved it with this way,
- Go to XCode, and General tab
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
- 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!