SwiftUI中调用.navigationBarHidden(true)无法隐藏导航栏的问题

问题根源 #

你遇到的navigationBarHidden(true)无效情况，主要是修饰符作用层级错误，或者当前页面被嵌套在其他NavigationView中，导致导航栏状态由外层栈控制。

修复方案 #

1. 修正修饰符的作用位置与组合 #

将导航栏相关修饰符直接附加到NavigationView的直接子视图上，同时组合使用完整的隐藏配置，确保覆盖所有导航栏元素：

struct LogInPage: View {
    @State private var showPassword = false
    @State private var isNavigating = false

    var body: some View {
        NavigationView {
            ZStack {
                // 你的背景及其他内容
                VStack(spacing: 35) {
                    Toggle("", isOn: $showPassword)
                        .offset(x: -185)

                    Button(action: {
                        print("Log in button was pressed")
                    }) {
                        Text("Logga in")
                            .foregroundColor(.white)
                            .padding()
                            .background(RoundedRectangle(cornerRadius: 10).fill(Color(red: 0.6, green: 0.24, blue: 0.73)))
                    }
                    .offset(y: 20)

                    HStack(spacing: 15) {
                        // 你的原有代码
                    }
                    .offset(y: 30)

                    Button(action: {
                        print("Register button was pressed")
                        isNavigating = true
                    }) {
                        Text("Skapa konto")
                            .foregroundColor(.white)
                            .padding()
                            .background(RoundedRectangle(cornerRadius: 10).fill(Color(red: 0.6, green: 0.24, blue: 0.73)))
                    }
                    .offset(y: 60)

                    NavigationLink(
                        destination: RegisterPage(),
                        isActive: $isNavigating,
                        label: {
                            EmptyView()
                        }
                    )
                }
            }
            // 关键：将修饰符直接应用到NavigationView的根内容上
            .navigationBarHidden(true)
            .navigationBarTitleDisplayMode(.inline)
            .navigationBarBackButtonHidden(true)
        }
        // 强制使用栈式导航风格，避免因设备类型导致的布局差异
        .navigationViewStyle(.stack)
    }
}

2. 排查嵌套NavigationView问题 #

如果LogInPage是通过其他页面的NavigationLink跳转而来，那么当前页面的导航栏属于外层NavigationView的栈结构。此时需要确保：

• 跳转的NavigationLink没有额外设置导航栏属性
• 在LogInPage的根视图上设置完整的导航栏隐藏修饰符，覆盖外层栈的配置

3. 适配iOS16+的新导航栈 #

若项目已适配iOS16及以上版本，建议替换旧的NavigationView为NavigationStack，其导航栏控制逻辑更简洁可靠：

struct LogInPage: View {
    @State private var showPassword = false
    @State private var isNavigating = false

    var body: some View {
        NavigationStack {
            ZStack {
                // 你的内容布局
                VStack(spacing: 35) {
                    // 原有代码保持不变
                }
            }
            .navigationBarHidden(true)
        }
    }
}

注意事项 #

• 不要在子视图（如VStack、Button）上单独设置导航栏修饰符，它们无法影响根导航栏的状态
• 预览时确保直接预览LogInPage()，而非嵌套在其他导航视图中

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