如何调试SwiftUI视图层级及视图标识？

一、用Xcode自带工具查看视图层级 #

• SwiftUI视图调试器：运行App后，点击调试栏的「Debug View Hierarchy」按钮（快捷键Shift + Command + D也可），在弹出的调试界面切换到「SwiftUI」标签页，就能看到纯SwiftUI的视图层级结构，每个视图旁会显示其类型及相关标识信息。
• 查看视图标识：在调试器中选中任意视图，右侧检查器面板会显示该视图的ID属性（如果已设置），以及SwiftUI内部用于识别视图的稳定标识内容。

二、自定义代码打印视图标识 #

可以给视图添加自定义修饰符，在视图出现时打印标识或内存地址，辅助判断视图是否被重建：

extension View {
    func printViewInfo() -> some View {
        self.onAppear {
            // 打印手动设置的视图ID
            let mirror = Mirror(reflecting: self)
            if let id = mirror.children.first(where: { $0.label == "id" })?.value {
                print("当前视图ID: \(id)")
            }
            // 打印内存地址，判断视图实例是否变化
            print("视图内存地址: \(Unmanaged.passUnretained(self).toOpaque())")
        }
    }
}

使用时直接在目标视图上添加该修饰符即可：

List(items) { item in
    NavigationLink(destination: DetailView(item: item)) {
        Text(item.name)
    }
    .printViewInfo()
}

三、重点验证列表项的标识稳定性 #

针对你遇到的列表排序导致页面意外返回的问题，核心要保证列表项的标识稳定且唯一：

• 数据模型遵循Identifiable协议时，id属性不要用索引或动态变化的字段，优先使用UUID这类生成后不会改变的标识。
• 也可以手动给List指定id参数，明确告诉SwiftUI用哪个字段识别列表项：

List(items, id: \.stableUUID) { item in
    // 列表项内容
}

内容的提问来源于stack exchange，提问作者AirXygène