如何通过NavigationView确保从任意视图返回ContentView时始终隐藏导航栏

问题根源 #

你当前在FundTransfer中使用NavigationLink跳转到新的ContentView实例，这会在导航栈中新增一个ContentView，而非回到最初的根视图实例。这种方式会导致导航栏状态混乱，出现原本隐藏的导航栏重新显示的问题。

解决方案 #

1. 替换返回逻辑：直接回到根视图

不要用NavigationLink跳转，而是通过UIKit的导航控制器方法直接弹出到根视图，兼容iOS14。

首先添加一个视图扩展，实现回到根视图的方法：

import UIKit

extension View {
    func popToRoot() {
        guard let scene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
              let window = scene.windows.first,
              let navController = window.rootViewController as? UINavigationController else {
            return
        }
        navController.popToRootViewController(animated: true)
    }
}

然后修改FundTransfer中的退出按钮逻辑，去掉原有的NavigationLink：

struct FundTransfer: View {
    var body: some View {
        VStack {
            ScrollView {
                VStack(alignment: .customCenter, spacing: 0){
                    SubmitButton(action: {
                        // 直接回到根视图
                        self.popToRoot()
                    }) {
                        Text("Log out")
                    }
                }
            }
        }
        .navigationBarHidden(true)
    }
}

2. 确保ContentView每次显示时都隐藏导航栏

在ContentView中添加onAppear回调，强制设置导航栏隐藏状态，避免返回时状态异常：

struct ContentView: View {
    @State private var showWelcome = false
    @State var isNavigationBarHidden: Bool = true
    
    var body: some View {
        NavigationView {
            VStack {
                ScrollView {
                    VStack(alignment: .customCenter, spacing: 0){
                        VStack {
                            SubmitButton(action: {
                                self.showWelcome = true
                            }) {
                                Text("Welcome page")
                            }
                        }
                        NavigationLink(destination: Welcome(), isActive: $showWelcome) { EmptyView() }
                    }
                }
            }
            .navigationBarTitle("")
            .navigationBarHidden(isNavigationBarHidden)
            .navigationBarBackButtonHidden(true)
            // 每次视图出现时强制隐藏导航栏
            .onAppear {
                isNavigationBarHidden = true
            }
        }
    }
}

3. 保持子视图的导航栏隐藏设置

确保Welcome视图的导航栏隐藏设置正确，避免跳转过程中状态被覆盖：

struct Welcome: View {
    @State private var showFundTransfer = false
    
    var body: some View {
        VStack {
            ScrollView {
                VStack(alignment: .customCenter, spacing: 0){
                    VStack {
                        SubmitButton(action: {
                            showFundTransfer = true
                        }) {
                            Text("Fund Transfer")
                        }
                    }
                    NavigationLink(destination: FundTransfer(), isActive: $showFundTransfer) { EmptyView() }
                }
            }
        }
        .navigationBarHidden(true)
    }
}

原理说明 #

• 通过popToRootViewController直接回到导航栈的根视图（最初的ContentView），避免新增视图实例导致的状态混乱。
• 在ContentView的onAppear中强制设置导航栏隐藏，确保每次该视图显示时都应用隐藏规则。
• 所有子视图保持navigationBarHidden(true)，维持导航栏的统一隐藏状态。

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