SwiftUI子视图重建后body未调用、视图不更新问题咨询

问题描述 #

在SwiftUI中构建了包含父视图Lifecycle与子视图SubView的视图层级，当父视图的@State变量str变化时，会重建SubView并传入新的BusinessLogic实例。当前存在两个核心问题：

• 首次创建的SubView可正常渲染，后续重建的子视图完全不可见，复杂场景下甚至不会触发body计算
• SubView的receiveString回调中给@State变量displayMe赋值无效，变量始终保留旧值

复现代码 #

import Foundation
import SwiftUI

protocol BusinessLogicDelegate {
    func receiveString(str: String)
}

class BusinessLogic {
    let str: String
    var delegate: BusinessLogicDelegate?
    
    init(str: String) {
        print("Creating new business logic")
        self.str = str
    }
    
    func sendString() {
        let newStr = "Performed complicated modification of: \(str)"
        self.delegate?.receiveString(str: newStr)
    }
}

struct SubView: View, BusinessLogicDelegate {
    let businessLogic: BusinessLogic
    @State var displayMe: String
    
    init(businessLogic: BusinessLogic) {
        print("Creating new SubView")
        self.displayMe = "PREFIX: \(SubView.randomString(length: 10))"
        self.businessLogic = businessLogic
        self.businessLogic.delegate = self
    }
    
    static func randomString(length: Int) -> String {
        let letters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"
        return String((0..<length).map{ _ in letters.randomElement()! })
    }
    
    func receiveString(str: String) {
        print("Received string from business logic: \(str)")
        displayMe = str
        print("Stored string in SubView is now: \(displayMe)")
    }
    
    var body: some View {
        let _ = print("body recomputed for SubView")
        if !displayMe.hasPrefix("PREFIX") {
            Text(displayMe)
        } else {
            Text(displayMe).onAppear() {
                print("onAppear called for SubView")
                Task { @MainActor in
                    businessLogic.sendString()
                }
            }
        }
    }
}

struct Lifecycle: View {
    @State private var str: String = ""
    
    var body: some View {
        TextField(
            "Enter a string",
            text: $str
        )
        .textInputAutocapitalization(.never)
        .disableAutocorrection(true)
        .border(.secondary)

        Text(str)
            .foregroundColor(.blue)
        
        if (str != "") {
            SubView(businessLogic: BusinessLogic(str: str))
        } else {
            Text("No business logic yet")
        }
    }
}

问题根源 #

1. @State初始化错误：@State是SwiftUI负责管理的状态容器，不能在视图结构体的初始化器中直接赋值。初始化时的赋值会被SwiftUI的状态系统覆盖，导致后续回调中的赋值无法生效。
2. 视图复用机制：SwiftUI通过视图类型和输入参数识别视图实例，当str变化时，虽然创建了新的SubView实例，但SwiftUI可能会复用旧的视图结构，导致新实例的onAppear不触发，body也不会重新计算。
3. Delegate生命周期不匹配：BusinessLogic的delegate绑定的是旧的SubView实例（SwiftUI可能保留旧实例），回调无法作用于新创建的视图实例，同时未使用weak引用还可能导致循环引用。

解决方案 #

1. 修正@State初始化方式 #

移除初始化器中对displayMe的赋值，改用onAppear完成初始化：

struct SubView: View, BusinessLogicDelegate {
    let businessLogic: BusinessLogic
    @State private var displayMe: String = ""

    init(businessLogic: BusinessLogic) {
        print("Creating new SubView")
        self.businessLogic = businessLogic
    }

    var body: some View {
        Text(displayMe)
            .onAppear {
                // 在onAppear中完成初始化与delegate绑定
                displayMe = "PREFIX: \(SubView.randomString(length: 10))"
                businessLogic.delegate = self
                Task { @MainActor in
                    businessLogic.sendString()
                }
            }
    }
}

2. 给SubView添加唯一标识 #

使用.id()修饰符让SwiftUI识别每个SubView实例的唯一性，避免复用旧视图：

// 在Lifecycle视图中修改SubView的调用
if (str != "") {
    SubView(businessLogic: BusinessLogic(str: str))
        .id(str) // 用str作为唯一标识，每次str变化时创建全新视图实例
}

3. 优化Delegate引用 #

将BusinessLogicDelegate改为类专属协议，并使用weak引用避免循环引用：

// 修改协议为class-only
protocol BusinessLogicDelegate: AnyObject {
    func receiveString(str: String)
}

class BusinessLogic {
    let str: String
    weak var delegate: BusinessLogicDelegate? // 使用weak引用
    
    // 其余代码不变
}

4. 简化视图body逻辑 #

移除body中的条件判断，统一使用Text(displayMe)，避免视图结构变化导致的渲染异常：

var body: some View {
    let _ = print("body recomputed for SubView")
    Text(displayMe)
        .onAppear {
            print("onAppear called for SubView")
            displayMe = "PREFIX: \(SubView.randomString(length: 10))"
            businessLogic.delegate = self
            Task { @MainActor in
                businessLogic.sendString()
            }
        }
}

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