SwiftUI inline导航栏模式下切换导航栏背景色的实现问题

问题根因 #

你现有方案的两个核心问题：

• 直接修改UINavigationBar.appearance()全局外观，会影响所有页面，且修改时机在视图构造阶段，跳转时存在状态同步延迟
• 未显式禁用导航栏半透明属性，inline模式下系统默认的毛玻璃效果会叠加在你设置的背景色上，产生灰色覆盖层

完整修改后的NavigationBarModifierView.swift #

import SwiftUI

struct NavigationBarModifier: ViewModifier {
    var backgroundColor: UIColor
    var titleColor: UIColor
    
    func body(content: Content) -> some View {
        ZStack {
            content
            VStack {
                GeometryReader { geometry in
                    Color(backgroundColor)
                        .frame(height: geometry.safeAreaInsets.top)
                        .edgesIgnoringSafeArea(.top)
                    Spacer()
                }
            }
        }
        .onAppear {
            // 获取当前页面所属导航控制器，适配iOS14运行环境
            guard let navController = UIApplication.shared.windows.first?.rootViewController?.children.first as? UINavigationController else { return }
            
            let appearance = UINavigationBarAppearance()
            appearance.configureWithOpaqueBackground() // 改用不透明背景配置，避免毛玻璃效果
            appearance.backgroundColor = backgroundColor
            appearance.titleTextAttributes = [.foregroundColor: titleColor]
            appearance.largeTitleTextAttributes = [.foregroundColor: titleColor]
            appearance.shadowColor = .clear
            
            // 仅修改当前导航栏的外观，不影响全局其他页面
            navController.navigationBar.standardAppearance = appearance
            navController.navigationBar.compactAppearance = appearance
            navController.navigationBar.scrollEdgeAppearance = appearance
            navController.navigationBar.tintColor = titleColor
            navController.navigationBar.isTranslucent = false // 强制关闭半透明，彻底消除inline模式的模糊层
        }
    }
}

extension View {
    func navigationBarColor(backgroundColor: Color, titleColor: UIColor) -> some View {
        self.modifier(NavigationBarModifier(backgroundColor: UIColor(backgroundColor), titleColor: titleColor))
    }
}

页面代码调整说明 #

1. 给FirstView也添加导航栏配色设置，避免默认样式干扰：

// FirstView的body内NavigationView修改如下
NavigationView {
    // 原有内容保持不变
}
.navigationViewStyle(StackNavigationViewStyle())
.navigationBarColor(backgroundColor: .white, titleColor: .black) // 新增此行，设置第一页导航栏颜色

2. 所有页面的.navigationBarTitleDisplayMode设置不受影响，inline和large模式均可正常显示纯色背景，无模糊层。

效果验证 #

• 页面跳转时导航栏颜色立即切换，无延迟
• 不同页面的导航栏配色完全独立，不会互相影响
• inline模式下无灰色半透明覆盖层，颜色和设定值完全一致
• 兼容Xcode 12.5 + iOS14运行环境

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