SwiftUI中如何通过fullScreenCover为不同模态视图传递参数？

这个问题我之前也碰到过，核心原因是你把「要展示的视图类型」和「对应参数」分开维护成多个独立的状态变量，SwiftUI的状态更新是批量处理的，导致设置视图类型时，参数还没完成更新，最终传递了nil值。

解决思路很简单：把视图类型和对应的参数封装成一个遵循Identifiable的枚举，这样就能保证视图类型和参数是绑定在一起的，一次性传递所有需要的信息，不会出现不同步的问题。

步骤1：定义封装视图类型的枚举 #

先创建一个枚举，每个case对应你要展示的视图，同时携带该视图需要的参数：

import SwiftUI

enum PresentedView: Identifiable {
    // 对应AddListView，无参数
    case add
    // 对应ColorView，携带Color参数
    case color(Color)
    // 对应EditListView，携带Int类型的索引参数
    case edit(Int)
    
    // 实现Identifiable协议的id属性，这里用UUID保证每次展示都是独立实例
    var id: UUID {
        UUID()
    }
}

如果你希望相同参数的视图可以复用，可以把id改成基于case和参数的哈希值，比如：

var id: String {
    switch self {
    case .add: return "add"
    case .color(let color): return "color-\(color.hashValue)"
    case .edit(let index): return "edit-\(index)"
    }
}

步骤2：在主视图中使用封装后的枚举控制弹窗 #

把原来的多个状态变量换成一个@State var presentedView: PresentedView?，触发展示时直接给这个变量赋值对应的枚举case：

struct MainView: View {
    @State private var presentedView: PresentedView?
    
    var body: some View {
        VStack(spacing: 20) {
            // 展示AddListView
            Button("打开添加列表视图") {
                presentedView = .add
            }
            
            // 展示ColorView，传递红色参数
            Button("打开红色预览视图") {
                presentedView = .color(.red)
            }
            
            // 展示EditListView，传递索引5
            Button("编辑第5项") {
                presentedView = .edit(5)
            }
        }
        .fullScreenCover(item: $presentedView) { viewType in
            // 根据枚举case返回对应的视图，直接传递关联的参数
            switch viewType {
            case .add:
                AddListView()
            case .color(let selectedColor):
                ColorView(selectedColor: selectedColor)
            case .edit(let selectedIndex):
                EditListView(selectedIndex: selectedIndex)
            }
        }
    }
}

步骤3：定义你的三个子视图 #

按照需求定义好三个接收对应参数的视图（注意添加关闭按钮，用@Environment(\.dismiss)来关闭弹窗）：

// AddListView：无参数
struct AddListView: View {
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        Text("添加列表视图")
            .font(.title)
            .navigationTitle("添加列表")
            .toolbar {
                Button("关闭") {
                    dismiss()
                }
            }
    }
}

// ColorView：接收Color参数
struct ColorView: View {
    let selectedColor: Color
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        selectedColor
            .navigationTitle("颜色预览")
            .toolbar {
                Button("关闭") {
                    dismiss()
                }
            }
    }
}

// EditListView：接收Int参数
struct EditListView: View {
    let selectedIndex: Int
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        Text("正在编辑第\(selectedIndex)项")
            .font(.title)
            .navigationTitle("编辑列表项")
            .toolbar {
                Button("关闭") {
                    dismiss()
                }
            }
    }
}

为什么这个方案能解决问题？ #

原来的方式是先给selectedIndex/selectedColor赋值，再设置presentedViewType，但SwiftUI会把这两次状态更新合并成一次批量更新，导致视图展示时参数还没完成赋值。而用枚举封装后，我们是一次性传递「视图类型+参数」的完整信息，状态更新是原子性的，不会出现参数为空的情况。

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