React Native 不会填满 iPad 上的窗口

Question

我正在运行的任何 React Native 项目（包括 Facebook 的示例）在 iPad 上看起来都很奇怪。它没有填满屏幕，一切看起来“太大”。 （内容左右各有2个黑条）

任何帮助都会很棒。谢谢！

Answer 1

解决方案：在xcode项目中，转到常规选项卡，然后转到部署信息。在那里您可以更改为您想要的设备类型（两者通用）。

如果您使用的是 Expo (

create-react-native-app

)，请修改您的

app.json

，将

ios.supportsTablet

设置为

true

：

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

Answer 2

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

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

Answer 3

简单地在 xcode 中打开你的

YOURPROJECT.xcworkspace

。 打开

General

-> 并勾选

ipad

复选框。 重新运行应用程序。

镇静丸:)

Answer 4

确保您已选中这两项：

Answer 5

请打开Xcode -> 打开ios文件夹 -> 在xcode中打开.xcworkspace -> 选择你的项目 -> 选择目标 -> 打开常规选项卡 -> 在部署信息中勾选ipad选项。完成

Answer 6

更新 Xcode 14。在常规 > 支持的目标下，单击 +，然后选择 iPad。