如何构建一个 react-native 应用程序，以便它在 ipad 上作为 ipad 应用程序运行？

Posted 2023-03-12

【中文标题】如何构建一个 react-native 应用程序，以便它在 ipad 上作为 ipad 应用程序运行？

【英文标题】：How do I build a react-native app so that it runs as an ipad app on an ipad?

【发布时间】：2017-05-10 17:21:28

【问题描述】：

我的应用在 ipad 上看起来很糟糕，因为它是作为 iphone 模拟应用而不是 ipad 应用运行的。

我需要在我的代码中做些什么来处理它可能在 ipad 上运行的可能性？

如何使用 react-native 构建应用程序，以便将其安装在 ipad 上并作为 ipad 应用程序运行？

这可以在没有 xcode 的情况下完成吗？

我正在运行react-native run-ios 并运行 iPad Air 模拟器。也许我需要设置一个方案并使用--scheme 调用它？

【问题讨论】：

请问我可以看看你的代码吗？

这个有点模糊，代码的哪一部分是相关的？

你是使用 flex 来获取视图还是高度和屏幕的硬编码值？

在部署信息下，设备是否针对通用？

【参考方案1】：

我认为您没有将 Xcode 中的设备保持为通用。转到 Xcode 单击项目名称。在目标部分中，转到部署信息。将设备设置为通用。

【参考方案2】：

你可以使用这个命令

react-native run-ios --simulator="iPad Pro (9.7-inch)"

访问https://facebook.github.io/react-native/docs/running-on-simulator-ios.html

【参考方案3】：

从 Xcode 9.3.1 开始，如果您想同时支持 iPad 和 iPhone，则必须转到 Build Settings 并选择 Targeted Device Family 1,2。

【讨论】：

当我按照@atitpatel 的建议进行操作时，它会自动将“目标设备系列”更改为“1,2”

现在显示“iPhone”、“iPad”和“iPhone、iPad”

【参考方案4】：

在 Xcode 12 中，它位于一个名为“部署信息”的部分中。 选中“iPad”复选框会自动将TARGETED_DEVICE_FAMILY 设置为1,2。