SwiftUI数组追加元素时绑定的List为何无法自动更新

• 你定义的全局rolls数组是普通变量，没有接入SwiftUI的状态管理系统，数组内容变更时SwiftUI完全收不到通知，自然不会触发List重绘。只有手动改代码触发编译重加载、下拉刷新时强制重新给数组赋值触发视图临时重绘，才会显示最新数据，不属于正常的状态驱动更新逻辑。
• Roll作为普通数据模型，内部属性错用了@State包装器。@State仅能用于SwiftUI视图内部的视图状态持有，放在普通模型结构体里没有任何状态监听作用，还可能引发状态错乱。
• 视图层级间没有做正确的状态传递：rollDice方法直接修改全局变量，没有任何状态变更信号传递给HistoryView，列表无法感知数据变化。
• 你当前实现里Roll的id是动态计算属性，当掷点参数一致时会出现重复id，也会导致ForEach列表渲染异常。

• 移除全局的rolls变量，将其作为@State状态属性放在顶层父视图ContentView中，由SwiftUI统一负责监听数组的增删改动，自动触发关联视图刷新。
• 清理Roll模型里所有多余的@State标记，将动态计算的id替换为固定的唯一标识（比如UUID），避免重复id引发的列表问题，原来的展示文本单独作为计算属性供列表渲染使用。
• 移除无意义的rolls = rolls强制刷新逻辑，通过视图传参的方式把rolls数组、掷点方法传递给对应子视图，保证状态变更能被SwiftUI精准追踪。
• 给DiceButton补上点击回调，确保按钮点击时调用的是父视图里能修改状态的掷点方法，而非直接操作全局变量。

修正后代码 #

Roll.swift

import SwiftUI

// 普通数据模型，不要添加@State等视图专用的状态包装器
struct Roll: Identifiable {
    // 使用固定UUID作为唯一标识，避免动态计算id重复引发的列表渲染问题
    let id = UUID()
    var numDice: Int
    var modifier: Int
    var totalValue: Int
    var typeDice: Int
    
    // 单独保留展示文本逻辑，供列表渲染使用
    var displayText: String {
        "\(numDice)d\(typeDice), mod of \(modifier) = \(totalValue)"
    }
}

ContentView.swift

import SwiftUI

struct ContentView: View {
    @State var diceModifier: Int = 0
    @State var numDice: Int = 1
    // 将掷点记录作为父视图的状态持有，由SwiftUI监听变化
    @State private var rolls: [Roll] = []
    
    var body: some View {
        VStack {
            Form {
                Stepper(value: $diceModifier, in: -10...15, step: 1) {
                    Text(diceModifier >= 0 ? "Modifier: +\(diceModifier)" : "Modifier: \(diceModifier)")
                }
                Stepper(value:$numDice, in: 1...15, step: 1) {
                    Text("# of Dice: \(numDice)")
                }
            }
            HStack {
                Image("Logo")
                    .resizable()
                    .scaledToFit()
                    .clipShape(Circle())
                // 向历史视图传入记录数组
                HistoryView(rolls: rolls)
            }
            // 向按钮视图传入掷点方法
            ButtonView(rollAction: rollDice)
        }
    }
    
    struct ButtonView: View {
        let rows = [
            GridItem(.fixed(30), spacing: 10),
            GridItem(.fixed(30), spacing: 10),
            GridItem(.fixed(30), spacing: 10)
        ]
        let rollAction: (Int) -> Int
        
        var body: some View {
            LazyHGrid(rows: rows) {
                DiceButton(diceType: 4, onRoll: rollAction)
                DiceButton(diceType: 6, onRoll: rollAction)
                DiceButton(diceType: 8, onRoll: rollAction)
                DiceButton(diceType: 10, onRoll: rollAction)
                DiceButton(diceType: 12, onRoll: rollAction)
                DiceButton(diceType: 20, onRoll: rollAction)
                Spacer()
                DiceButton(diceType: 100, onRoll: rollAction)
                Spacer()
            }
        }
    }
    
    func rollDice(dt: Int) -> Int {
        var total: Int = 0
        for _ in 1...numDice {
            total += Int.random(in: 1...dt)
        }
        // 修改被@State标记的数组，会自动触发关联视图刷新
        let newRoll = Roll(numDice: numDice, modifier: diceModifier, totalValue: total, typeDice: dt)
        rolls.append(newRoll)
        print(newRoll.displayText)
        
        return total
    }
    
}

struct HistoryView: View {
    let rolls: [Roll]
    var body: some View {
        VStack {
            Text("Your Previous Rolls").bold()
            List {
                ForEach(rolls) { r in
                    Text(r.displayText)
                }
            }
            // 若不需要额外的下拉刷新逻辑可直接移除.refreshable修饰符
        }
    }
}

// 补全DiceButton组件，绑定点击回调
struct DiceButton: View {
    let diceType: Int
    let onRoll: (Int) -> Int
    var body: some View {
        Button("d\(diceType)") {
            _ = onRoll(diceType)
        }
        .frame(width: 40, height: 30)
    }
}

补充：如果后续需要在更多跨层级视图中共享掷点记录，可以将rolls数组迁移到遵守ObservableObject的视图模型类中，用@StateObject/@ObservedObject持有，比逐层传参更易维护。

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