SwiftUI：iPadOS为何不识别Presentation Detents？如何实现可变尺寸Sheet

项目最低部署版本为iOS 16，在iPhone上使用.sheet()搭配.presentationDetents([.medium])可正常显示中等尺寸Sheet，但在iPadOS上Sheet始终为全屏，完全忽略Presentation Detents设置。尝试了.fraction、.medium、.height等参数均无效果。

复现代码 #

import SwiftUI

struct ContentView: View {
    @State var shouldShowSheet: Bool = false
    
    var body: some View {
        VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundColor(.accentColor)
            Text("Hello, world!")
            
            Button("Show Sheet") {
                shouldShowSheet.toggle()
            }
        }
        .padding()
        .sheet(isPresented: $shouldShowSheet, content: {
            VStack {
                Text("Some content")
                Text("Some more content")
                Text("Even more content")
                
                Button("Dismiss Sheet") {
                    shouldShowSheet.toggle()
                }
            }
            .presentationDetents([.medium])
        })
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

效果对比 #

• iPhone上的Sheet效果：
• iPadOS上的Sheet效果：

期望iPad上的Sheet也能遵循Presentation Detents设置，如何实现iPad上的非全屏Sheet？

在iPadOS上，默认的Sheet采用popover样式（即便调用的是.sheet()），需要添加特定修饰符来强制它遵循presentation detents规则：

方案一：适配紧凑环境并启用拖动指示器 #

添加.presentationCompactAdaptation(.popover)让Sheet脱离默认全屏popover行为，配合.presentationDragIndicator(.visible)让用户直观感知可调整尺寸：

.sheet(isPresented: $shouldShowSheet, content: {
    VStack {
        Text("Some content")
        Text("Some more content")
        Text("Even more content")
        
        Button("Dismiss Sheet") {
            shouldShowSheet.toggle()
        }
    }
    .presentationDetents([.medium])
    .presentationCompactAdaptation(.popover) // 核心修饰符
    .presentationDragIndicator(.visible) // 可选，显示拖动指示器
})

方案二：强制使用页面Sheet样式 #

通过.presentationStyle(.pageSheet)让iPad上的Sheet采用类似iPhone的底部弹出样式，直接遵循detents设置：

.sheet(isPresented: $shouldShowSheet, content: {
    // Sheet内容
})
.presentationStyle(.pageSheet) // 强制使用页面Sheet样式

补充说明 #

• 若需要优化视觉效果，可搭配.presentationCornerRadius()调整Sheet圆角，让其更接近iPhone端的视觉表现。
• 两种方案均支持iOS 16及以上版本，符合项目最低部署要求。

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