Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

react native doesn't fill up window on ipad

Any react native project which I am running (including Facebook's examples) look weird on an iPad. It doesn't fill up the screen and everything looks "too big". (there are 2 black bars to the left and right of the content)

Any help would be great. Thanks!

like image 721
eyal83 Avatar asked Jul 02 '15 04:07

eyal83


People also ask

How do I get full size windows on my iPad?

Whichever your video app supports, you can view it full screen by tapping the icon that looks like two arrows pointing in opposite directions. If you're viewing the video picture-in-picture, tap the right-corner icon showing two squares with one that has an arrow in it.

Why are some apps not full screen on iPad?

I figured it out. Go to Settings -> Display & Brightness. Then go to the bottom to the Display Zoom. Change the View to Standard.

Does React Native work on iPad?

React Native combines the best parts of native development with React, a best-in-class JavaScript library for building user interfaces. Use a little—or a lot. You can use React Native today in your existing Android and iOS projects or you can create a whole new app from scratch.


1 Answers

Solution: In the xcode project, go to the general tab and then to the Deployment Info. There you can change to the device type you want (universal works for both).

If you are using Expo (create-react-native-app), modify to your app.json to set ios.supportsTablet to true:

"ios": {     "bundleIdentifier": "your bundle identifier",     "supportsTablet": true }, 
like image 133
eyal83 Avatar answered Nov 12 '22 08:11

eyal83