SwiftUI中@State变量首次更新未被switch语句正确识别问题

现象 #

• @State变量chosenParamsIndex首次通过Picker更新为非初始值时，fullScreenCover里的switch语句无法读取更新后的值，但变量本身已确认更新。
• 先通过Picker外的选项（3-5）更新chosenParamsIndex后，重复点击同一选项，switch无响应，必须切换到其他选项才生效。

根源 #

SwiftUI的fullScreenCover(isPresented:)仅在isPresented从false变为true时计算一次弹窗内容，后续chosenParamsIndex的变化不会触发内容重新计算。另外，重复点击同一选项时，chosenParamsIndex值未改变，不会触发视图更新，而showingQuizView已经是true，弹窗内容不会重新加载。

解决方法 #

改用fullScreenCover(item:)绑定一个Identifiable类型的参数，每次触发弹窗时生成新的实例，强制SwiftUI重新计算弹窗内容。

步骤1：定义参数模型 #

struct QuizParams: Identifiable {
    let id = UUID()
    let index: Int
}

步骤2：修改PracticeView代码 #

替换原有的showingQuizView和chosenParamsIndex状态，用quizParams替代：

struct PracticeView: View {
    @State private var quizParams: QuizParams?
    @State var pickerChoice = 1
    //Params: 0 = Practice 10, 1 = Practice 35, 2 = Practice 50, 3 = Mock, 4 = Difficult, 5 = Rapid Fire
    
    var body: some View {
        NavigationView {
            ScrollView {
                VStack(spacing: 20) {
                    // 第一个Practice模块
                    ZStack {
                        RoundedRectangle(cornerRadius: 25)
                            .frame(height: 200)
                            .foregroundColor(.blue)
                        VStack(spacing: 10) {
                            HStack(spacing: 10) {
                                Image(systemName: "chart.line.uptrend.xyaxis")
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 45, height: 45)
                                VStack(alignment: .leading, spacing: 2) {
                                    Text("Practice")
                                        .font(.system(size: 24, weight: .bold))
                                    Text("A selection of random questions.")
                                        .font(.system(size: 16, weight: .semibold))
                                }
                                Spacer()
                            }
                            Picker(selection: $pickerChoice, label: Text("")) {
                                Text("10").tag(0)
                                Text("35").tag(1)
                                Text("50").tag(2)
                            }
                            .pickerStyle(SegmentedPickerStyle())
                            Button(action: {
                                quizParams = QuizParams(index: pickerChoice)
                            }) {
                                Text("Begin")
                                    .font(.headline)
                                    .foregroundColor(.white)
                            }
                            .frame(maxWidth: .infinity, minHeight: 40)
                            .background(.yellow)
                            .cornerRadius(10)
                        }
                        .padding()
                    }
                    
                    // Mock Test模块
                    ZStack {
                        RoundedRectangle(cornerRadius: 25)
                            .frame(height: 150)
                            .foregroundColor(.blue)
                        VStack(spacing: 10) {
                            HStack(spacing: 10) {
                                Image(systemName: "stopwatch")
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 45, height: 45)
                                VStack(alignment: .leading, spacing: 2) {
                                    Text("Mock Test")
                                        .font(.system(size: 24, weight: .bold))
                                    Text("30 Minutes · 35 Questions")
                                        .font(.system(size: 16, weight: .semibold))
                                }
                                Spacer()
                            }
                            Button(action: {
                                quizParams = QuizParams(index: 3)
                            }) {
                                Text("Begin")
                                    .font(.headline)
                                    .foregroundColor(.white)
                            }
                            .frame(maxWidth: .infinity, minHeight: 40)
                            .background(.yellow)
                            .cornerRadius(10)
                        }
                        .padding()
                    }
                    
                    // Difficult Questions模块
                    ZStack {
                        RoundedRectangle(cornerRadius: 25)
                            .frame(height: 150)
                            .foregroundColor(.blue)
                        VStack(spacing: 10) {
                            HStack(spacing: 10) {
                                Image(systemName: "exclamationmark.triangle")
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 45, height: 45)
                                VStack(alignment: .leading, spacing: 2) {
                                    Text("Difficult Questions")
                                        .font(.system(size: 24, weight: .bold))
                                    Text("Test your knowledge.")
                                        .font(.system(size: 16, weight: .semibold))
                                }
                                Spacer()
                            }
                            Button(action: {
                                quizParams = QuizParams(index: 4)
                            }) {
                                Text("Begin")
                                    .font(.headline)
                                    .foregroundColor(.white)
                            }
                            .frame(maxWidth: .infinity, minHeight: 40)
                            .background(.yellow)
                            .cornerRadius(10)
                        }
                        .padding()
                    }
                    
                    // Rapid Fire模块
                    ZStack {
                        RoundedRectangle(cornerRadius: 25)
                            .frame(height: 150)
                            .foregroundColor(.blue)
                        VStack(spacing: 10) {
                            HStack(spacing: 10) {
                                Image(systemName: "bolt")
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 45, height: 45)
                                VStack(alignment: .leading, spacing: 2) {
                                    Text("Rapid Fire")
                                        .font(.system(size: 24, weight: .bold))
                                    Text("3 Questions · 15 Seconds")
                                        .font(.system(size: 16, weight: .semibold))
                                }
                                Spacer()
                            }
                            Button(action: {
                                quizParams = QuizParams(index: 5)
                            }) {
                                Text("Begin")
                                    .font(.headline)
                                    .foregroundColor(.white)
                            }
                            .frame(maxWidth: .infinity, minHeight: 40)
                            .background(.yellow)
                            .cornerRadius(10)
                        }
                        .padding()
                    }
                }
                .padding()
                .navigationTitle("Practice")
            }
        }
        .fullScreenCover(item: $quizParams) { params in
            switch params.index {
            case 0:
                QuizView(isPresented: Binding(get: { true }, set: { _ in quizParams = nil }), 
                         selectedSet: questionsRand10, 
                         isQuizTimed: false, 
                         setTimer: 0)
            case 1:
                QuizView(isPresented: Binding(get: { true }, set: { _ in quizParams = nil }), 
                         selectedSet: questionsRand35, 
                         isQuizTimed: false, 
                         setTimer: 0)
            case 2:
                QuizView(isPresented: Binding(get: { true }, set: { _ in quizParams = nil }), 
                         selectedSet: questionsRand50, 
                         isQuizTimed: false, 
                         setTimer: 0)
            case 3:
                QuizView(isPresented: Binding(get: { true }, set: { _ in quizParams = nil }), 
                         selectedSet: questionsRand35, 
                         isQuizTimed: true, 
                         setTimer: 1800)
            case 4:
                QuizView(isPresented: Binding(get: { true }, set: { _ in quizParams = nil }), 
                         selectedSet: questionsDifficult, 
                         isQuizTimed: false, 
                         setTimer: 0)
            case 5:
                QuizView(isPresented: Binding(get: { true }, set: { _ in quizParams = nil }), 
                         selectedSet: questionsRapidFire, 
                         isQuizTimed: true, 
                         setTimer: 15)
            default:
                EmptyView()
            }
        }
    }
}

说明 #

• 每次点击Begin按钮时，都会创建新的QuizParams实例，触发fullScreenCover重新计算弹窗内容，确保switch能获取最新参数。
• QuizView的isPresented绑定通过自定义Binding实现，关闭弹窗时只需设置quizParams = nil即可。

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