SwiftUI中父视图状态变更时为何一子视图重绘另一却不？

问题描述 #

点击按钮时，SecondView的背景色未如预期变化，但ThirdView的随机数每次都会更新。两者均未显式依赖父视图的@State状态，为何会出现这种差异？

Apple 文档：当@State值发生变化时，SwiftUI会更新视图层级中依赖该值的部分。

struct ParentView: View {
    @State var counter: Int = 0

    var body: some View {
        VStack {
            Text("ContentView \(counter)")
            SecondView()
            ThirdView()
            Button {
                counter += 1
            } label: {
                Text("Go!")
            }
        }
    }
}

struct SecondView: View {
    var body: some View {
        Text("SecondView")
            .background(.debug)
    }
}

struct ThirdView: View {
  let randomNumber = Int.random(in: 1...100)
  var body: some View {
    Text("Random Number: \(randomNumber)")
  }
}


public extension ShapeStyle where Self == Color {
    static var debug: Color {
        Color(
            red: .random(in: 0...1),
            green: .random(in: 0...1),
            blue: .random(in: 0...1)
        )
    }
}

核心原因解析 #

SwiftUI的视图更新逻辑并非只针对"显式依赖状态"的视图，父视图body重新计算时，会重新创建所有子视图实例，但只有当视图实例的"身份"或内容发生变化时，才会触发实际的UI渲染更新。下面拆解两个子视图的行为：

1. ThirdView随机数每次更新的原因 #

ThirdView里的randomNumber是结构体的存储属性，在视图实例创建时就会生成随机数。当父视图counter变化导致body重新执行时，会生成新的ThirdView实例，新实例的randomNumber会重新计算，最终UI上就会显示新的随机数。

2. SecondView背景色不变的原因 #

SecondView是无状态视图，它的所有属性都没有变化——每次父视图重建时，新的SecondView实例和旧实例完全等价（结构体没有任何属性差异）。SwiftUI会对这种等价视图做优化，复用之前的渲染结果，不会重新计算.debug这个动态颜色，所以背景色保持不变。

验证与调整方案 #

如果想让SecondView的背景色每次点击都变化，有两种简单方式：

• 给SecondView传入父视图的counter作为标识，让每次实例都有差异：

struct SecondView: View {
    let key: Int
    var body: some View {
        Text("SecondView")
            .background(.debug)
    }
}

// ParentView中调用：SecondView(key: counter)

这样每次counter变化，SecondView的实例属性改变，SwiftUI会重新渲染，.debug颜色就会更新。

• 在SecondView内部加一个触发刷新的状态：

struct SecondView: View {
    @State private var dummy = false
    var body: some View {
        Text("SecondView")
            .background(.debug)
            .id(dummy)
            .onTapGesture { dummy.toggle() }
    }
}

通过切换dummy的值让视图身份变化，强制触发重新渲染。

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