iPad pro 在本机反应中不显示全屏内容 (xcode 14.0.1)

Question

当我在 ios 移动模拟器上运行应用程序时，它运行良好。 但问题是当我在 iPad pro 上运行应用程序时，内容没有正确显示，看起来像移动用户界面。 左侧和右侧有空格区域。 我没有得到实际的问题。

Xcode 版本 - 14.0.1和 iPad 版本 - iPad pro 5 generations (12.9 inch display) 。

代码示例：

import {StyleSheet, Text, View} from 'react-native';
import React from 'react';

const App = () => {
  return (
    <View>
      <Text>App</Text>
    </View>
  );
};

export default App;

const styles = StyleSheet.create({});

请检查附件，并建议我解决这个问题，即如何在 React Native 中全屏显示！

注意：我尝试通过将Targeted Device Families更改为iPhone, iPad来解决它，因为在附件中提到的 Xcode 中没有universal选项。

Answer 1

要在Xcode 版本14.0.1中解决此问题，请按照以下说明进行操作，

1. 确保从 Xcode 的构建设置/目标设备系列中选择iPhone, iPad作为给定的附件，
2. 在Supported Destination中，需要添加附件中给出的iPhone和iPad ，
3. 从模拟器中删除以前的应用程序
4. 从...../Library/Developer/Xcode/DerivedData中删除所有文件
5. 然后从 Xcode中清理构建文件夹（ Product->Clean Build Folder ）

然后使用提到的命令运行应用程序，

• 启动地铁： npm start
• 运行应用程序： npx react-native run-ios

一切都完成了！