SwiftUI中Alert触发后视图崩溃问题及代码优化咨询

问题原因分析 #

你遇到的崩溃核心原因是多个列表项共享了同一个@State弹窗绑定变量。ForEach循环中生成的每个Button都绑定了全局的showAlertToDownload或showAlertToCompletePriorLevels，当弹窗关闭后状态变量重置，但多个视图同时绑定同一State会破坏SwiftUI的视图状态一致性，触发内部断言失败，最终导致视图崩溃。

修复方案与优化写法 #

1. 为每个列表项独立维护弹窗状态 #

用字典存储每个索引对应的弹窗显示状态，避免全局共享State：

// 用字典存储每个index的弹窗状态，默认都为false
@State private var downloadAlertStates: [Int: Bool] = [:]
@State private var unlockAlertStates: [Int: Bool] = [:]

LazyVStack(spacing: 25) {
    ForEach(Array(indexElementsArray.enumerated()), id: \.0) { index, item in
        let levelIdentifier = "Level\(index + 1)"
        let isButtonDisabled = coreDataHelper.checkIfButtonDisabled(levelName: levelIdentifier)
        let isLevelUnlocked = coreDataHelper.checkIfLevelUnlocked(levelName: levelIdentifier)
        
        // 提取公共的卡片视图，避免重复代码
        let cardView = IndexCard(
            lessonNumber: index,
            heading: item.level,
            image: item.image,
            bgColor: item.bgColor
        )
        
        if isButtonDisabled && isLevelUnlocked {
            NavigationLink {
                ChapterListView(heading: "Lesson \(index+1) - \(item.level)", index: index)
            } label: {
                cardView
            }
        } else if !isButtonDisabled {
            Button {
                // 切换当前index对应的弹窗状态
                downloadAlertStates[index] = !(downloadAlertStates[index] ?? false)
            } label: {
                cardView
            }
            .alert(isPresented: $downloadAlertStates[index]) {
                Alert(
                    title: Text("下载数据"),
                    message: Text("请先下载数据再访问该课程。"),
                    dismissButton: .default(Text("确定"))
                )
            }
        } else {
            Button {
                // 切换当前index对应的弹窗状态
                unlockAlertStates[index] = !(unlockAlertStates[index] ?? false)
            } label: {
                cardView
            }
            .alert(isPresented: $unlockAlertStates[index]) {
                Alert(
                    title: Text("完成前置关卡"),
                    message: Text("请先完成前置关卡再访问该课程。"),
                    dismissButton: .default(Text("确定"))
                )
            }
        }
    }
}

2. 额外优化点 #

• 提取公共视图：把重复的IndexCard提取为变量，减少代码冗余，提升维护性
• 统一标识符：把"Level\(index + 1)"提取为变量，避免重复拼接字符串
• 状态封装（可选）：如果列表项逻辑复杂，可以把每个项的状态和判断逻辑封装到ObservableObject类中，进一步解耦视图和业务逻辑：

class LevelItemViewModel: ObservableObject {
    let index: Int
    let item: YourItemType // 替换成你实际的item类型
    private let coreDataHelper: CoreDataHelperType // 替换成你的CoreDataHelper类型
    
    var isButtonDisabled: Bool {
        coreDataHelper.checkIfButtonDisabled(levelName: "Level\(index + 1)")
    }
    var isLevelUnlocked: Bool {
        coreDataHelper.checkIfLevelUnlocked(levelName: "Level\(index + 1)")
    }
    
    @Published var showDownloadAlert = false
    @Published var showUnlockAlert = false
    
    init(index: Int, item: YourItemType, coreDataHelper: CoreDataHelperType) {
        self.index = index
        self.item = item
        self.coreDataHelper = coreDataHelper
    }
}

在视图中使用时，通过@StateObject创建ViewModel实例，可进一步简化ForEach中的逻辑。

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