SwiftUI嵌套ForEach修改系统图标失败及LazyVStack滚动崩溃问题求助

问题1：嵌套ForEach无法匹配系统图标问题 #

错误原因 #

你当前内层ForEach遍历的是lyric.verse2到lyric.verse5的字符串内容，直接用字符串作为数组下标访问verseImages，语法本身不合法，自然无法获取到正确的系统图标名。同时你直接把四个可选属性放到ForEach的数组参数中，会大幅提升SwiftUI的类型推断复杂度，这也是触发Expression was too complex报错的核心原因。

修复方案 #

调整内层遍历逻辑，改为遍历节数序号，同时拆分逻辑降低类型推断复杂度，替换原有内层ForEach代码为以下实现即可：

ForEach(2...5, id: \.self) { verseIndex in
    let verseContent: String?
    switch verseIndex {
    case 2: verseContent = lyric.verse2
    case 3: verseContent = lyric.verse3
    case 4: verseContent = lyric.verse4
    case 5: verseContent = lyric.verse5
    default: verseContent = nil
    }
    
    guard let verse = verseContent else { return }
    HStack {
        if showHVNumbers {
            // 序号减2对应verseImages数组的下标（数组下标0对应节数2的图标）
            Image(systemName: verseImages[verseIndex - 2])
                .font(.title2)
                .foregroundColor(.red)
        }
        Text(verse)
            .font(Font.custom(fontIndex, size: CGFloat(fontSizeIndex)))
        Spacer()
    }
}

问题2：LazyVStack滚动到底部崩溃问题 #

崩溃原因 #

LazyVStack的崩溃90%以上和元素ID不唯一、不稳定相关：

1. 你原有的内层ForEach使用id: \.self，如果存在完全相同的verse内容，就会出现ID重复，LazyVStack懒加载计算布局时识别到重复ID就会触发崩溃
2. 需确认Lyric结构体的id属性是全局唯一且恒等不变的，要是id是计算属性、或者存在重复值，也会触发LazyVStack的布局崩溃
3. 你当前scrollToIndex是Int类型，如果取值超出了lyrics数组的有效范围，滚动方法调用时也可能触发LazyVStack的越界崩溃

修复方案 #

1. 给所有遍历元素提供稳定唯一的ID，刚才修改后的内层ForEach默认用序号作为id已经可以解决大部分重复问题，如果仍有崩溃，可以把内层遍历的id改为和当前歌词ID绑定的唯一值：ForEach(2...5, id: { "\(lyric.id)-verse\($0)" })
2. 确认Lyric的id属性为存储属性，使用UUID生成或者其他全局唯一的取值
3. 调用proxy.scrollTo前加判空校验，确保scrollToIndex对应的值在lyrics数组的有效范围内：

   .onChange(of: scrollToIndex, perform: { value in
       guard let index = value, lyrics.indices.contains(index) else { return }
       proxy.scrollTo(lyrics[index].id, anchor: .top)
   })
   

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