SwiftUI数组项更新后子UI无法即时刷新问题排查与修复

我之前也碰到过这个SwiftUI版本兼容的坑，咱们一步步理清楚来解决：

为什么会出现这个问题？ #

1. 静态快照的局限性：你当前详情页里的number是创建NavigationLink时，从numbers[index]取的一个静态副本——它只代表当时那个NumberHolder实例的状态，和后续数组的更新完全脱节。当你替换numbers[index]的实例时，数组本身变了，但详情页的视图根本没收到更新通知，自然不会刷新。
2. SwiftUI更新逻辑的优化：Xcode12.1之后，Apple调整了SwiftUI的视图更新触发规则，砍掉了之前一些“隐式刷新”的场景。在Xcode12里，数组变化后父视图（List）的更新可能会间接带动详情页刷新，但新版本里只有显式绑定数据源的视图才会响应变化。
3. 值类型的特性：NumberHolder是struct值类型，你每次更新都是创建新实例替换旧的，但详情页没有绑定到数组的当前状态，所以看不到新实例的数值。

两种有效的修复方法 #

方法一：用@Binding绑定单个元素（推荐） #

这种方式更贴合SwiftUI的数据流设计，让详情页直接绑定到数组内的元素：

1. 先把NumberHolder的value改为可变（因为要直接修改数值）：

struct NumberHolder: Identifiable {
    let id = UUID()
    var value: Int // 从let改为var
}

2. 把详情页抽成独立View，接收@Binding类型的元素：

struct NumberDetailView: View {
    @Binding var number: NumberHolder
    
    var body: some View {
        VStack {
            Text("Number: \(number.value)")
            Button("Increment") {
                number.value += 1 // 直接修改绑定的数值
            }
        }
    }
}

3. 修改主视图中NavigationLink的目标：

List(numbers.indices) { index in
    NavigationLink(destination: NumberDetailView(number: $numbers[index])) {
        Text("Number: \(numbers[index].value)")
    }
}

这样修改后，详情页的文本会随着绑定值的变化即时刷新，因为@Binding会主动触发视图的更新机制。

方法二：绑定整个数组+索引（保留value为let的情况） #

如果你不想修改NumberHolder的value为可变，也可以让详情页绑定整个数组和元素索引，确保每次都能获取到数组的最新状态：

1. 抽离详情页：

struct NumberDetailView: View {
    @Binding var numbers: [NumberHolder]
    let index: Int
    
    var body: some View {
        VStack {
            Text("Number: \(numbers[index].value)") // 直接从绑定的数组读取最新值
            Button("Increment") {
                numbers[index] = NumberHolder(value: numbers[index].value + 1)
            }
        }
    }
}

2. 修改主视图的NavigationLink：

List(numbers.indices) { index in
    NavigationLink(destination: NumberDetailView(numbers: $numbers, index: index)) {
        Text("Number: \(numbers[index].value)")
    }
}

这种方式下，每次数组更新时，详情页会自动读取到最新的实例数值，从而触发视图刷新。

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