SwiftUI导航栏Toolbar背景不延伸至顶部状态栏问题求助

方案一：限制背景在安全区内显示 #

修改现有代码，通过安全区域配置让导航栏背景仅在状态栏下方的导航栏区域渲染：

.navigationTitle(selectedTab == .users ? "Working with GET request" : "Working with POST request")
.navigationBarTitleDisplayMode(.inline)
.edgesIgnoringSafeArea(.bottom) // 仅忽略底部安全区，保留顶部状态栏与导航栏的隔离
.toolbarBackground(UIConstraints.primary, for: .navigationBar)
.toolbarBackground(.visible, for: .navigationBar)

方案二：自定义导航栏（彻底控制范围） #

如果系统导航栏的默认行为难以调整，直接自定义导航栏组件，手动分隔状态栏和导航栏背景：

// 自定义导航栏视图
struct CustomNavBar: View {
    let title: String
    
    var body: some View {
        VStack(spacing: 0) {
            // 状态栏占位区域（透明，不填充背景）
            Color.clear
                .frame(height: UIApplication.shared.connectedScenes
                    .compactMap { $0 as? UIWindowScene }
                    .first?
                    .statusBarManager?
                    .statusBarFrame
                    .height ?? 0)
            
            // 导航栏背景与标题
            Color(UIConstraints.primary)
                .frame(height: 44)
                .overlay(
                    Text(title)
                        .font(.headline)
                        .foregroundColor(.white)
                )
        }
    }
}

// 在主视图中替换原有导航栏设置
CustomNavBar(title: selectedTab == .users ? "Working with GET request" : "Working with POST request")
// 页面其余内容放在自定义导航栏下方

补充说明 #

• 方案一适合需要保留系统导航栏原生交互（如返回按钮、手势）的场景，仅调整背景范围；
• 方案二适合需要完全自定义导航栏样式、布局的场景，不受系统默认行为约束。

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