SwiftUI NavigationView转场失效疑问：两段相似逻辑代码为何表现不同

两段代码逻辑看似一致，但第二段无法触发转场的核心原因是NavigationView的根视图直接包含了多个同级视图（Button和NavigationLink）。SwiftUI的NavigationView要求根节点为单一视图，当多个视图直接并列时，NavigationLink的状态监听会出现异常，无法正确响应布尔值的变化。

修正后的代码 #

将Button和NavigationLink用容器视图（如VStack）包裹，确保NavigationView的根是单一视图：

import SwiftUI

struct ContentView: View {
    
    @State var isPickerShowing: Bool = false
    @State var isEditViewShowing: Bool = false
    @State private var pickImage: UIImage?
    @State private var editImage: UIImage?
    
    var body: some View {
        NavigationView {
            // 用VStack包裹Button和NavigationLink，保证根视图单一
            VStack {
                Button {
                    isEditViewShowing = true
                    print(String(isEditViewShowing))
                } label: {
                    Text("First Screen")
                        .font(.system(size: 50))
                        .foregroundColor(.green)
                        .background(Color.yellow)
                }
                NavigationLink(destination: PhotoEditView(), isActive: $isEditViewShowing) {
                    EmptyView()
                }
                .hidden() // 可选：隐藏NavigationLink的默认显示样式
            }
        }
    }
}

struct PhotoEditView: View {
    
    init() {
        print("PhotoEditView : Init")
    }
    
    var body: some View {
        ZStack {
            Color.blue
            Text("Second View")
                .foregroundColor(.white)
                .font(.headline)
        }
    }
}

关键原因说明 #

第一段代码中，NavigationLink和触发转场的Text都嵌套在VStack内部，NavigationView的根是ZStack（单一视图），状态绑定的逻辑能被SwiftUI正常识别。而第二段代码里，Button和NavigationLink直接作为NavigationView的子视图，相当于传递了多个子View给NavigationView，这种情况下视图渲染优先级和状态监听链会被打断，导致NavigationLink无法响应isEditViewShowing的状态变化。

内容的提问来源于stack exchange，提问作者Hyun Bin CHo