Swift技术问题：动态修改ForEach循环长度并实时更新视图

1. 修复视图不刷新问题 #

你的boardLength变量缺少@Published修饰符，导致WordDataModel的变化无法通知SwiftUI刷新视图。修改数据模型：

class WordDataModel: ObservableObject {
    @Published var boardLength: Int = 6 // 初始对应原代码的6个空格（0...5）
    @Published var currentRound: Int = 1 // 记录当前轮数，用于动态调整面板长度
}

2. 让ForEach支持动态数量 #

直接使用0...dm.boardLength这类Range类型，SwiftUI无法正确识别其动态变化。改用数组生成循环序列，确保视图能响应长度修改：

struct GuessView: View {
    @Binding var guess: Guess
    @ObservedObject var dm: WordDataModel // 传入数据模型实例
    var body: some View {
        HStack(spacing: 3) {
            // 用Array(0..<dm.boardLength)生成动态序列，对应boardLength个空格
            ForEach(Array(0..<dm.boardLength), id: \.self) { index in
                // 防止数组越界崩溃：如果index超出guessLetters长度，显示空字符串
                let displayLetter = index < guess.guessLetters.count ? guess.guessLetters[index] : ""
                Text(displayLetter)
                    .foregroundColor(.primary)
                    .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 50, alignment: .center)
                    .background(Color.systemBackground)
                    .font(.system(size: 35, weight: .heavy))
                    .overlay(
                        Rectangle()
                            .frame(height: 3)
                            .foregroundColor(.pink),
                        alignment: .bottom
                    )
            }
        }
    }
}

3. 同步调整字母数组长度（避免崩溃） #

当boardLength变化时，需要同步更新guess.guessLetters的长度，确保和面板空格数匹配。在WordDataModel中添加逻辑：

extension WordDataModel {
    func updateBoardForCurrentRound() {
        // 根据当前轮数设置面板长度
        switch currentRound {
        case 3:
            boardLength = 7
        case 6: // 假设最后一轮是第6轮，根据你的实际需求修改
            boardLength = 8
        default:
            boardLength = 6
        }
        
        // 同步调整当前输入guess的字母数组长度（示例，需结合你的实际guess管理逻辑修改）
        // 假设你有一个当前正在输入的guess变量：
        // while currentGuess.guessLetters.count < boardLength {
        //     currentGuess.guessLetters.append("")
        // }
    }
}

4. 在父视图中传递数据模型 #

在使用GuessView的父视图里，传入WordDataModel实例并处理轮次切换：

// 父视图示例
struct GameView: View {
    @StateObject var dm = WordDataModel()
    @State var currentGuess = Guess(guessLetters: Array(repeating: "", count: 6))
    
    var body: some View {
        VStack {
            GuessView(guess: $currentGuess, dm: dm)
            Button("下一轮") {
                dm.currentRound += 1
                dm.updateBoardForCurrentRound()
                // 重置当前输入的字母数组，匹配新的面板长度
                currentGuess.guessLetters = Array(repeating: "", count: dm.boardLength)
            }
        }
    }
}

关键说明 #

• @Published是ObservableObject向视图发送更新通知的必要条件，没有它，视图永远不会感知到boardLength的变化。
• 使用Array(0..<dm.boardLength)生成循环序列，是因为SwiftUI对数组的变化感知更可靠，Range类型的动态变化容易被忽略。
• 必须保证guess.guessLetters的长度不小于boardLength，要么提前调整数组长度，要么在Text中做边界判断，否则会触发数组越界崩溃。

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