SwiftUI拆分复杂视图后状态更新未触发视图重绘问题

这个异常是三个SwiftUI常见开发陷阱叠加导致的：

• 条件分支视图身份识别失效
  SwiftUI的diff算法依赖视图的类型、位置、显式ID判断是更新现有视图还是替换新视图。你在if/else两个分支放置了Text和TheSmallerView两种不同类型的视图，但没有给分支根视图设置唯一标识，状态更新触发body重算时，渲染引擎偶发将分支切换判定为同位置视图的属性更新，没有移除旧的Text实例。
• 布局约束错误导致新视图不可见
  你给TheSmallerView仅设置了idealHeight: 10，没有指定明确的高度约束，叠加前后padding后，子视图的实际可用布局高度被压缩为0，即便被加入视图树也无法正常显示，视觉上和没有切换没有区别。
• 生命周期回调挂载位置错误
  你把数据加载的onAppear回调分别挂在了两个分支的子视图上，而非外层容器。分支快速切换时生命周期回调触发时序冲突，状态更新和渲染提交不同步，进一步加剧了渲染异常。

按以下修改即可解决问题：

1. 将onAppear回调移到条件分支外层的容器视图上，避免分支切换导致的生命周期回调时序问题
2. 给两个分支的根视图设置唯一显式ID，强制SwiftUI在分支切换时替换视图而非复用旧实例
3. 修正不合理的高度约束，如果需要固定高度直接传入height参数，不要仅设置idealHeight导致布局计算异常
4. （可选兼容）如果是同步触发的状态更新，将赋值操作放到主线程下一个runloop执行，避免和当前渲染提交冲突；iOS14及以上系统如果MyDataObject遵循ObservableObject，父视图用@StateObject替代@State持有实例，状态管理更稳定。

修正后的父视图代码：

struct ContainerView: View {
    // iOS14+替换为@StateObject更稳定
    @State var myDataObject: MyDataObject?
    
    var body: some View {
        Group {
            if let validData = myDataObject {
                TheSmallerView(myDataObject: validData)
                    .padding(.vertical, 10)
                    .padding(.horizontal, 8)
                    .id("loadedDataView")
                    // 按实际业务需要设置高度，不要仅用idealHeight
                    // .frame(height: 60)
            } else {
                Text("No random data found!")
                    .id("emptyDataView")
            }
        }
        .onAppear {
            findRandomData()
        }
    }

    private func findRandomData() {
        // 同步赋值如果仍有问题就打开下面的注释，将更新推迟到下一个主线程循环
        // DispatchQueue.main.async {
            myDataObject = DataManager.shared.randomData
        // }
    }
}

子视图注意事项：确保MyDataObject正确遵循ObservableObject协议，需要触发UI刷新的属性用@Published标记，否则TheSmallerView无法响应数据对象内部的属性变化。

内容的提问来源于stack exchange，提问作者Christian A. Strømmen