SwiftUI ForEach嵌套If引发编译错误及LazyVStack崩溃优化求解

云上老周

2026-10-5

解决方案

步骤1：给DataArray扩展计算属性整理有效名称

把可选名称的校验逻辑剥离到模型层，返回带序号的非空名称数组，避免在View层做大量可选判断增加编译器类型检查负担：

extension DataArray {
    var validNames: [(index: Int, name: String)] {
        var list = [(Int, String)]()
        if let name = name1 { list.append((1, name)) }
        if let name = name2 { list.append((2, name)) }
        if let name = name3 { list.append((3, name)) }
        if let name = name4 { list.append((4, name)) }
        return list
    }
}

步骤2：优化View层的循环逻辑

你之前嵌套ForEach崩溃的核心原因是直接用可选字符串数组配合id: \.self作为标识，可选值为nil、或者多个名称重复时都会出现ID冲突，LazyVStack复用单元格时识别异常就会崩溃。我们可以用名称序号作为内层循环的唯一标识，同时直接用返回的序号渲染对应图标：

struct Home: View {
    var datas: [DataArray] = ListDataArray.dot
    var body: some View {
        ScrollView {
            LazyVStack(spacing: 10) {
                ForEach(datas, id: \.id) { data in
                    ForEach(data.validNames, id: \.index) { item in
                        HStack {
                            Image(systemName: "\(item.index).circle.fill")
                                .font(.title2)
                                .foregroundColor(.red)
                            Text(item.name)
                            Spacer()
                        }
                    }
                }
            }
        }
    }
}