SwiftUI横屏模式下Sheet无法超出水平安全区域的问题

要实现保留.presentationCompactAdaptation(.sheet)等原有特性的同时，让Sheet背景铺满横屏时的左右边缘，你可以通过自定义Sheet背景并忽略水平安全区来实现，无需替换为fullScreenCover。

核心解决方案 #

在Sheet的内容视图上添加.presentationBackground修饰符，设置背景色并忽略水平方向的安全区约束——这样既不会影响Sheet的拖动手势、尺寸调整等原有特性，又能让背景铺满屏幕左右边缘。

修改后的完整代码 #

import SwiftUI

struct LandscapeSheetTest: View {
    @State private var isSheetPresented: Bool = false
    var body: some View {
        VStack {
            Button {
                isSheetPresented.toggle()
            } label: {
                Text("show sheet")
            }
        }
        .sheet(isPresented: $isSheetPresented) {
            VStack {
                Text("Some content here")
            }
            .presentationContentInteraction(.resizes)
            .presentationCompactAdaptation(.sheet)
            .presentationDetents([.height(200), .large])
            // 关键：设置背景并忽略水平安全区
            .presentationBackground(
                Color.white
                    .ignoresSafeArea(.horizontal)
            )
        }
    }
}

#Preview {
    LandscapeSheetTest()
}

原理说明 #

• .presentationBackground专门用于自定义Sheet的背景层，它独立于内容视图布局，不会影响内容的安全区适配（比如内容依然可以保持在安全区内，符合iOS设计规范）。
• .ignoresSafeArea(.horizontal)仅取消水平方向的安全区约束，让背景铺满屏幕左右，同时保留垂直方向的安全区（避免内容被刘海、底部指示器遮挡）。
• 原有的.presentationCompactAdaptation(.sheet)、.presentationDetents、.presentationContentInteraction等特性完全保留，Sheet的拖动手势、尺寸调整功能不受任何影响。

如果你的内容也需要铺满左右边缘，可以在内容视图上额外添加.ignoresSafeArea(.horizontal)，但通常建议仅让背景铺满边缘，内容保持在安全区内。

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