如何让SwiftUI应用在iPad端完整展示全部垂直方向的视图内容？

核心问题原因 #

你遇到的布局异常来自两个核心问题：

1. 现有顶层ZStack默认无滚动能力，垂直方向超出屏幕高度的内容会被直接裁剪
2. 未对iPad场景做宽度限制，视图被拉伸至满屏宽度后，原iPhone端适配的垂直相对布局逻辑失效，进一步加剧内容溢出

具体实现步骤 #

• 外层增加垂直滚动容器，让超出屏幕高度的内容可以完整滚动展示；如果不需要滚动，也可以用.fixedSize(horizontal: false, vertical: true)强制垂直方向适配内容总高度
• 新增宽度自适应逻辑，通过系统提供的水平尺寸类判断设备类型，iPhone端占满屏幕宽度，iPad端限制最大宽度后居中展示，避免布局被无限拉伸
• 保留原有启动页的层级、动画逻辑不变，同步适配新的容器尺寸规则

适配后顶层视图代码 #

import SwiftUI
struct ContentView: View {
    @State var showSplash = true
    // 读取水平尺寸类：compact为iPhone/折叠屏小尺寸，regular为iPad/大屏横屏
    @Environment(\.horizontalSizeClass) var horizontalSizeClass

    var body: some View {
        ScrollView(.vertical, showsIndicators: false) {
            ZStack() {
                ContainerView()
                SplashView()
                  .opacity(showSplash ? 1 : 0)
                  .onAppear {
                    DispatchQueue.main.asyncAfter(deadline: .now() + 3.5) {
                      withAnimation() {
                        self.showSplash = false
                        splashDidFinish()
                      }
                    }
                }
            }
            // 宽度适配规则：iPhone占满宽度，iPad限制最大宽度居中
            .frame(maxWidth: horizontalSizeClass == .compact ? .infinity : 768)
            // 若不需要滚动、要求内容完全撑开展示，删除外层ScrollView并启用下面这行配置
            // .fixedSize(horizontal: false, vertical: true)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .onAppear {
            NSLog(".onAppear()")
        }
    }
    func splashDidFinish() {
        NotificationCenter.default.post(name: NSNotification.Name(rawValue: "checkApplicationReady"), object: nil)
    }
}

可选优化项 #

• 如果子视图本身自带滚动能力（比如List、内嵌ScrollView的TabView），可删除外层ScrollView，改为用GeometryReader获取屏幕高度后动态调整子视图缩放比例，避免多层滚动冲突
• 最大宽度的数值可根据你的设计稿调整，也可以设置为屏幕宽度的百分比，比如UIScreen.main.bounds.width * 0.85，适配不同尺寸的iPad设备

内容的提问来源于stack exchange，提问作者svenyonson