Reactjs 反应与';不要在ipad上填满窗口

Reactjs 反应与';不要在ipad上填满窗口,reactjs,react-native,ipad,Reactjs,React Native,Ipad,我正在运行的任何react原生项目(包括Facebook的示例)在iPad上看起来都很奇怪。它没有填满屏幕,一切看起来都“太大”。(内容的左侧和右侧有2个黑色条) 任何帮助都会很好。谢谢 解决方案:在xcode项目中,转到常规选项卡,然后转到部署信息。在那里,您可以更改为所需的设备类型(通用适用于两者) 如果您正在使用Expo(create react native app),请修改您的app.json,将ios.supportsTablet设置为true: "ios": { "bund

我正在运行的任何react原生项目(包括Facebook的示例)在iPad上看起来都很奇怪。它没有填满屏幕,一切看起来都“太大”。(内容的左侧和右侧有2个黑色条)


任何帮助都会很好。谢谢

解决方案:在xcode项目中,转到常规选项卡,然后转到部署信息。在那里,您可以更改为所需的设备类型(通用适用于两者)

如果您正在使用Expo(
create react native app
),请修改您的
app.json
,将
ios.supportsTablet
设置为
true

"ios": {
    "bundleIdentifier": "your bundle identifier",
    "supportsTablet": true
},

如果您使用的是react native cli而不是expo,则可以使用Xcode打开.Xcode项目。然后转到构建设置选项卡->目标设备系列->选择通用。


下次使用针对iPad设备的“react native run ios”运行项目时,它将全屏显示应用程序。

只需在xcode中打开您的
YOURPROJECT.xcworkspace
。 打开
General
->并勾选
ipad
复选框。 重新运行应用程序


冷药丸:)

如果您正在使用Expo,请按照我在react-native cli中必须执行的操作进行操作?我无法将此操作用于react-native cli。如果您有任何建议,我们将不胜感激。或者您也可以在“常规”选项卡中选中ipad的复选框