如何修复 RN 版本从 0.63.4 升级到 0.71.1 后 iOS 上应用布局缩小的问题？

Question

将RN版本从0.63.4升级到0.71.1后，应用程序布局缩小，如下图所示。 我正在使用 Xcode 14.3，在 Rosetta 模拟器

中运行应用程序

对于这个问题你有什么想法吗？

Some info about environment 
  System:
    OS: macOS 13.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 3.14 GB / 32.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 19.0.0 - ~/.nvm/versions/node/v19.0.0/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 8.19.2 - ~/.nvm/versions/node/v19.0.0/bin/npm
    Watchman: 2023.03.13.00 - /opt/homebrew/bin/watchman
  Managers:
    CocoaPods: 1.11.3 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 22.2, iOS 16.2, macOS 13.1, tvOS 16.1, watchOS 9.1
    Android SDK: Not Found
  IDEs:
    Android Studio: 2021.3 AI-213.7172.25.2113.9123335
    Xcode: 14.3/14C18 - /usr/bin/xcodebuild
  Languages:
    Java: 17.0.5 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.2.0 => 18.2.0 
    react-native: 0.71.1 => 0.71.1 
    react-native-macos: Not Found

我确实尝试升级以下依赖项的版本：

"@react-navigation/native-stack": "6.9.12",    
"@react-navigation/stack": "6.3.16",     
"react-native-safe-area-context": "4.5.3",    
"react-native-screens": "3.20.0",

我希望应用程序的框架在 iOS 上是全屏的，而不是缩小的

Answer 1

根本原因是应用程序没有找到启动图像，因此它默认运行

如何修复：

第 1 步：创建

Launch Screen.storyboard

第2步：选择

Lunch Screen File

指向刚刚创建的

Launch Screen.storyboard

第3步：更新启动屏幕的背景颜色，然后重新加载应用程序即可正常工作

Answer 2

打开 Xcode 项目，

转到“常规”选项卡 然后在

Supported Destinations

下确保您正在测试/运行的设备位于列表中。例如

iPad

在列表中