SwiftUI滑动关闭Sheet延迟导致后续弹窗无法正常显示求助

问题根源 #

滑动关闭Sheet时，SwiftUI不会立即更新isPresented或绑定的item值——系统要等滑动转场动画彻底结束才会同步状态。这就导致快速点击按钮时，状态还处于“已弹出”的旧值，新的触发请求被系统忽略。

可行解决方案 #

1. 用onDismiss强制同步状态 #

不管是使用sheet(isPresented:)还是sheet(item:)，都可以通过onDismiss回调，在Sheet实际关闭的瞬间手动重置状态，消除延迟。

针对sheet(isPresented:)的修正代码：

struct SheetItem: Identifiable {
    let id: UUID = UUID()
    let name: String
}

struct ContentView: View {
    let items = [
        SheetItem(name: "John"),
        SheetItem(name: "Dylan"),
        SheetItem(name: "Dave")
    ]

    @State private var isPresented = false
    @State private var selectedItem: SheetItem?

    var body: some View {
        NavigationView {
            List {
                Section("Uses isPresented for the sheet") {
                    ForEach(items) { item in
                        Button(item.name) {
                            selectedItem = item
                            isPresented = true // 直接设为true，避免toggle的不确定性
                        }
                    }
                }
            }
            .navigationTitle("Results")
        }
        .sheet(isPresented: $isPresented, onDismiss: {
            // Sheet关闭时立即重置状态
            isPresented = false
            selectedItem = nil
        }) {
            if let item = selectedItem {
                SheetView(item: item)
            } else {
                Text("Item not selected?")
            }
        }
    }
}

2. 优化sheet(item:)的触发逻辑 #

sheet(item:)依赖item的id变化来触发弹出，所以如果快速点击同一个item，因为id没变化，系统不会响应。我们可以通过先清空selectedItem，再延迟设置目标item来解决：

struct ContentView: View {
    let items = [
        SheetItem(name: "John"),
        SheetItem(name: "Dylan"),
        SheetItem(name: "Dave")
    ]

    @State private var selectedItem: SheetItem?

    var body: some View {
        NavigationView {
            List {
                Section("Uses item for the sheet") {
                    ForEach(items) { item in
                        Button(item.name) {
                            // 先清空，再设置，确保状态变化触发弹出
                            selectedItem = nil
                            DispatchQueue.main.async {
                                selectedItem = item
                            }
                        }
                    }
                }
            }
            .navigationTitle("Results")
        }
        .sheet(item: $selectedItem, onDismiss: {
            // 关闭时确保状态重置
            selectedItem = nil
        }) { item in
            SheetView(item: item)
        }
    }
}

通用SheetView保持不变 #

struct SheetView: View {
    @Environment(\.dismiss) var dismiss
    var item: SheetItem

    var body: some View {
        VStack {
            Text("Hello, \(item.name)")
            Button("Dismiss") {
                dismiss()
            }
        }
        .padding()
    }
}

关键说明 #

• 避免使用isPresented.toggle()：手动设为true更可靠，防止状态不同步时的toggle错误。
• onDismiss是核心：它能确保Sheet无论通过哪种方式关闭（按钮/滑动），状态都会立即重置，不会留下延迟的旧值。
• sheet(item:)的触发逻辑：必须让绑定的item发生可识别的变化（比如从nil到非nil），系统才会重新弹出Sheet。

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