SwiftUI中能否通过下拉手势关闭包含scroll view的.fullScreenCover视图

• 系统原生的fullScreenCover默认不支持向下拖拽关闭的交互，和自带该能力的sheet不同，原生全屏模态页必须通过代码触发关闭操作。
• 你可以通过两种方案实现需求，尤其是你弹出的视图包含ScrollView，需要额外注意手势冲突的处理。

推荐方案：用 sheet 模拟全屏效果（iOS 16+，新手友好） #

iOS 16 以后sheet支持通过presentationDetents设置占满全屏，视觉效果和fullScreenCover完全一致，同时保留了原生的拖拽关闭能力，系统会自动处理和内部ScrollView的手势冲突，不需要你额外写手势逻辑，是最稳妥的实现方式。
示例代码如下：

import SwiftUI

struct ContentView: View {
    @State private var showModal = false
    
    var body: some View {
        Button("弹出全屏模态页") {
            showModal = true
        }
        .sheet(isPresented: $showModal) {
            // 你的带ScrollView的业务视图
            NavigationStack {
                ScrollView {
                    VStack(spacing: 20) {
                        ForEach(0..<30) { index in
                            Text("第\(index)行内容")
                                .frame(maxWidth: .infinity)
                                .padding()
                                .background(.gray.opacity(0.1))
                        }
                    }
                }
                .navigationTitle("全屏页面")
                .toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button("关闭") {
                            showModal = false
                        }
                    }
                }
            }
            // 设置为占满全屏
            .presentationDetents([.large])
            // 可选配置：隐藏系统默认的拖拽指示器
            .presentationDragIndicator(.hidden)
        }
    }
}

兼容方案：自定义手势实现 fullScreenCover 拖拽关闭 #

如果你的项目需要兼容iOS 15及更低版本，必须使用fullScreenCover的话，可以通过自定义拖拽手势实现需求，注意要处理手势和内部ScrollView的优先级，避免滚动时触发关闭手势。
示例代码如下：

import SwiftUI

// 自定义全屏模态页
struct FullScreenModalView: View {
    @Binding var isPresented: Bool
    @State private var dragOffsetY: CGFloat = 0
    
    var body: some View {
        NavigationStack {
            ScrollView {
                VStack(spacing: 20) {
                    ForEach(0..<30) { index in
                        Text("第\(index)行内容")
                            .frame(maxWidth: .infinity)
                            .padding()
                            .background(.gray.opacity(0.1))
                    }
                }
            }
            .navigationTitle("全屏页面")
            .toolbar {
                ToolbarItem(placement: .navigationBarTrailing) {
                    Button("关闭") {
                        isPresented = false
                    }
                }
            }
        }
        // 拖拽时跟随手势下移
        .offset(y: max(0, dragOffsetY))
        .gesture(
            DragGesture()
                .onChanged { value in
                    // 仅响应向下拖拽的动作
                    if value.translation.height > 0 {
                        dragOffsetY = value.translation.height
                    }
                }
                .onEnded { value in
                    // 拖拽距离超过阈值就关闭，否则回弹到原位
                    if value.translation.height > 150 {
                        isPresented = false
                    } else {
                        withAnimation(.easeOut) {
                            dragOffsetY = 0
                        }
                    }
                }
        )
        // 降低自定义手势优先级，避免影响ScrollView的滚动
        .highPriorityGesture(DragGesture().onEnded({ _ in }))
    }
}

// 父视图调用示例
struct ContentView: View {
    @State private var showFullScreen = false
    var body: some View {
        Button("弹出全屏模态页") {
            showFullScreen = true
        }
        .fullScreenCover(isPresented: $showFullScreen) {
            FullScreenModalView(isPresented: $showFullScreen)
        }
    }
}

新手建议 #

优先选择第一种模拟方案，不需要手动处理手势冲突，代码量少出错概率低，只要你的App最低支持版本是iOS16就可以直接用。

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