SwiftUI NavigationStack子视图含条件渲染时无法正常显示求助

尝试使用SwiftUI新的NavigationStack/NavigationLink模式时遇到问题：当导航目标子视图包含简单的条件渲染（if语句）时，会出现黄色警告三角，且子视图无法渲染；移除条件语句后，视图和导航功能均正常。

已通过最小示例复现问题：

import SwiftUI

struct Thing: Identifiable, Hashable {
    let id: String = UUID().uuidString
    let name: String
    var description: String = ""
}

struct ContentView: View {
    let things: [Thing] = [
        Thing(name: "Thing 1", description: "Something new"),
        Thing(name: "Thing 2"),
        Thing(name: "Thing 3", description: "Something blue")
    ]
    
    @State private var path = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $path) {
            VStack {
                ForEach(things, id: \.self) { thing in
                    NavigationLink(value: thing) {
                        Text(thing.name)
                    }
                }
            }
            .navigationDestination(for: Thing.self) { thing in
                DetailView(path: $path, thing: thing)
            }
            .padding()
        }
    }
}

struct DetailView: View {
    @Binding var path: NavigationPath
    
    let thing: Thing
    
    var body: some View {
        NavigationStack(path: $path) {
            VStack {
                Text(thing.id)
                Text(thing.name)
                if !thing.description.isEmpty {
                    Text(thing.description)
                }
            }
        }
    }
}

问题关联的条件渲染代码：

if !thing.description.isEmpty {
    Text(thing.description)
}

复现环境：Xcode 15.2、iOS 17.2模拟器

带条件渲染时的表现：

无条件渲染时的表现：

问题原因 #

你在DetailView中重复嵌套了NavigationStack，这是核心错误。ContentView已经通过顶层的NavigationStack管理整个导航路径（path），子视图不需要再创建新的NavigationStack。嵌套NavigationStack会导致SwiftUI的导航栈状态管理混乱，当加上条件渲染后，视图树的更新逻辑冲突，最终导致子视图无法渲染。

修正方案 #

移除DetailView中的NavigationStack，直接返回内容视图即可：

struct DetailView: View {
    @Binding var path: NavigationPath
    
    let thing: Thing
    
    var body: some View {
        VStack {
            Text(thing.id)
            Text(thing.name)
            if !thing.description.isEmpty {
                Text(thing.description)
            }
        }
        .navigationTitle("详情") // 可按需添加导航栏配置
    }
}

说明 #

• 顶层NavigationStack已负责整个导航流程的管理，包括路径（path）和目标视图映射（navigationDestination）。
• 子视图作为导航目标的一部分，只需提供自身内容，无需再包裹NavigationStack。
• 修正后，条件渲染可正常工作，导航功能不受影响。

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