Navigation Stack出现黄色警告三角：监听布尔值跳转视图异常排查

问题根源分析 #

你的代码存在两处关键问题导致警告：

• .sheet修饰符挂载位置错误：你把.sheet加在了Button的Image子视图上，这会让Sheet与Button的视图绑定，每次Button重绘都可能触发Sheet的状态异常，引发警告。
• .navigationDestination修饰符位置错误：navigationDestination必须作为NavigationStack的直接子视图的修饰符，或放在NavigationStack内部的视图层级中，你现在把它放在了NavigationStack外面，不符合SwiftUI导航栈的规则。

另外，showChat状态在触发跳转后未重置为false，会导致后续无法再次触发onChange事件，属于潜在逻辑问题。

修正后的代码 #

ConversationsView修正版 #

import SwiftUI

struct ConversationsView: View {
    @State var isShowingNewMessageView = false
    @State var showChat = false
    @State var root = [Root]()
    
    var body: some View {
        NavigationStack(path: $root) {
            ZStack(alignment: .bottomTrailing) {
                ScrollView {
                    LazyVStack {
                        ForEach(0 ..< 20) { _ in
                            Text("Test")
                        }
                    }
                }.padding()
                
                Button {
                    isShowingNewMessageView.toggle()
                } label: {
                    Image(systemName: "plus.message.fill")
                        .resizable()
                        .renderingMode(.template)
                        .frame(width: 48, height: 48)
                        .padding()
                        .foregroundColor(Color.blue)
                }
            }
            // 将Sheet移到ZStack层级，作为根视图的修饰符
            .sheet(isPresented: $isShowingNewMessageView) {
                NewMessageView(show: $isShowingNewMessageView, startChat: $showChat)
            }
            // 将navigationDestination放在NavigationStack内部的视图上
            .navigationDestination(for: Root.self) { navigation in
                switch navigation {
                case .profile:
                    ChatView()
                }
            }
        }
        .onChange(of: showChat) { newValue in
            guard newValue else { return }
            root.append(.profile)
            // 重置showChat状态，避免重复触发
            showChat = false
        }
    }

    enum Root {
        case profile
    }
}

关键修改点说明 #

1. 调整.sheet位置：把.sheet从Button的Image子视图移到ZStack上，确保Sheet属于整个页面的视图层级，而非单个Button的子视图，避免状态绑定异常。
2. 调整.navigationDestination位置：将navigationDestination放在NavigationStack内部的ZStack修饰符中，符合SwiftUI导航栈的语法要求，解决警告问题。
3. 重置showChat状态：在root.append(.profile)后添加showChat = false，确保每次触发跳转后状态归位，下次可以正常响应新的触发。

修改后黄色警告会消失，视图跳转逻辑也会更稳定。

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