如何让SwiftUI Sheet在iPad上占据更多显示空间

嗨，我完全懂你遇到的这个痛点——iPad竖屏状态下Sheet默认只占一半左右的高度，上下留的空白确实有点多，想要改成上下各10%的padding、让内容占更多空间其实不难，我给你分享两种实用的解决办法：

方法一：用iOS 16+原生的presentationDetents（最简单） #

从iOS 16开始，SwiftUI直接提供了自定义Sheet高度的API，不用绕UIKit，几步就能搞定。你可以通过.fraction()设置屏幕高度占比，比如0.8刚好对应上下各10%的留白，完美符合你的需求。

直接上代码示例：

struct ContentView: View {
    @State private var showSheet = false
    
    var body: some View {
        Button("打开Sheet") {
            showSheet.toggle()
        }
        .sheet(isPresented: $showSheet) {
            // 你的Sheet内容视图
            SheetContent()
                .presentationDetents([.fraction(0.8)]) // 设置占屏幕80%高度
                .presentationDragIndicator(.visible) // 保留顶部拖拽条，用户还能手动调整高度
        }
    }
}

struct SheetContent: View {
    var body: some View {
        Text("这是调整后高度的Sheet")
            .font(.title)
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .background(Color.gray.opacity(0.2))
    }
}

如果想给用户多一种选择，比如允许在80%高度和全屏之间切换，只要把presentationDetents的参数改成[.fraction(0.8), .large]就行，系统会自动处理拖拽逻辑。

方法二：兼容iOS 15及以下（UIKit桥接） #

如果你的App需要支持iOS 15，那得借助UIKit的UISheetPresentationController来实现。我们可以封装一个自定义的ViewModifier，方便在SwiftUI里调用：

// 自定义Modifier，用来配置Sheet高度
struct CustomSheetHeight: ViewModifier {
    let heightRatio: CGFloat
    
    func body(content: Content) -> some View {
        content
            .background(SheetConfigController(heightRatio: heightRatio))
    }
}

// 桥接UIViewController来配置Sheet
private struct SheetConfigController: UIViewControllerRepresentable {
    let heightRatio: CGFloat
    
    func makeUIViewController(context: Context) -> UIViewController {
        let vc = UIViewController()
        vc.modalPresentationStyle = .pageSheet
        
        if let sheet = vc.sheetPresentationController {
            // 自定义高度计算：屏幕最大高度 × 占比
            sheet.detents = [.custom(resolver: { context in
                context.maximumDetentValue * heightRatio
            })]
            sheet.prefersGrabberVisible = true // 显示拖拽条
        }
        
        return vc
    }
    
    func updateUIViewController(_ uiViewController: UIViewController, context: Context) {}
}

// 给View扩展一个便捷方法
extension View {
    func sheetHeight(ratio: CGFloat) -> some View {
        self.modifier(CustomSheetHeight(heightRatio: ratio))
    }
}

使用的时候，只要在Sheet的内容视图上加上这个Modifier就行：

.sheet(isPresented: $showSheet) {
    SheetContent()
        .sheetHeight(ratio: 0.8) // 同样设置80%高度
}

这两种方法都能完美解决iPad竖屏Sheet高度不够的问题，而且横屏时会自动适配成你满意的状态，完全不用额外处理横屏逻辑。

备注：内容来源于stack exchange，提问作者Jack