SwiftUI返回根视图后意外出现导航栏的问题求助

问题根源 #

你的根视图未明确绑定导航栏的隐藏状态，当通过path.removeLast直接跳转回根视图时，导航栏的显示状态没有自动恢复到根视图的预期状态，导致原本应隐藏的导航栏出现。

修复方案 #

通过动态绑定导航栏隐藏状态，根据NavigationPath的长度判断当前是否处于根视图，精准控制导航栏的显示/隐藏：

import SwiftUI

struct DemoPop: View {

    @State private var path = NavigationPath()
    
    var body: some View {
        VStack {
            NavigationStack(path: $path) {
                List {
                    Section("List One") {
                        NavigationLink("Navigate to View 1", value: "View 1")
                        NavigationLink("Navigate to View 2", value: "View 2")
                    }
                }
                .navigationDestination(for: String.self) { textDesc in
                    VStack {
                        Text(textDesc).padding()
                        Button("Navigate to View 3") {
                            path.append("View 3")
                        }.padding()
                        
                        Button("Pop to Root View") {
                            path.removeLast(path.count)
                        }.padding()
                    }
                    // 子视图强制显示导航栏并设置对应标题
                    .navigationBarHidden(false)
                    .navigationTitle(textDesc)
                }
                // 根视图根据path是否为空动态隐藏导航栏
                .navigationBarHidden(path.isEmpty)
                // 清空根视图导航标题，避免隐藏时残留
                .navigationTitle("")
                .navigationBarTitleDisplayMode(.inline)
            }
        }
    }
}

struct DemoPop_Previews: PreviewProvider {
    static var previews: some View {
        DemoPop()
    }
}

关键修改说明 #

• 根视图层级：用.navigationBarHidden(path.isEmpty)绑定状态，当path为空（处于根视图）时自动隐藏导航栏，进入子视图时自动跟随子视图状态。
• 移除根视图默认导航标题，避免导航栏隐藏时仍有标题元素残留。
• 子视图明确设置.navigationBarHidden(false)，确保子页面导航栏正常显示。

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