SwiftUI修改标题栏颜色：不使用NavigationView与.ignoresSafeArea()

针对你的需求，这里提供两种适配iOS 13~15的方案，既不用NavigationView，也不会影响TabView底部的布局：

方案一：局部忽略顶部安全区域的背景填充 #

这种方法通过给背景视图单独设置edgesIgnoringSafeArea(.top)，主内容视图保持安全区域约束，既实现顶部区域颜色修改，又不会影响TabView的底部空间：

struct MainView: View {
    var body: some View {
        ZStack {
            // 仅让背景视图填充顶部安全区域
            Color.systemPink
                .edgesIgnoringSafeArea(.top)
            
            // 主内容保留默认安全区域，不影响TabView底部
            VStack(spacing: 20) {
                Text("主内容区域")
                Spacer()
            }
        }
        // 适配状态栏文字颜色（根据背景色调整）
        .onAppear {
            if #available(iOS 13.0, *) {
                UIApplication.shared.statusBarStyle = .lightContent
            }
        }
    }
}

方案二：通过UIKit桥接自定义状态栏背景视图 #

如果需要更精准控制状态栏区域的背景，可以创建一个UIViewRepresentable组件直接给状态栏区域添加背景：

// 自定义状态栏背景视图
struct StatusBarBackground: UIViewRepresentable {
    let bgColor: UIColor
    
    func makeUIView(context: Context) -> UIView {
        let bgView = UIView()
        bgView.backgroundColor = bgColor
        
        guard let window = UIApplication.shared.windows.first else {
            return bgView
        }
        
        window.addSubview(bgView)
        bgView.translatesAutoresizingMaskIntoConstraints = false
        
        // 约束到状态栏的上下左右边界
        NSLayoutConstraint.activate([
            bgView.topAnchor.constraint(equalTo: window.topAnchor),
            bgView.leadingAnchor.constraint(equalTo: window.leadingAnchor),
            bgView.trailingAnchor.constraint(equalTo: window.trailingAnchor),
            bgView.bottomAnchor.constraint(equalTo: window.statusBarLayoutGuide.bottomAnchor)
        ])
        
        return bgView
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {
        uiView.backgroundColor = bgColor
    }
}

// 使用示例
struct MainView: View {
    var body: some View {
        ZStack {
            StatusBarBackground(bgColor: .systemTeal)
            
            VStack {
                Text("主内容")
                Spacer()
            }
        }
        .onAppear {
            if #available(iOS 13.0, *) {
                UIApplication.shared.statusBarStyle = .lightContent
            }
        }
    }
}

注意事项 #

• 状态栏文字颜色需要根据背景色调整，statusBarStyle的.lightContent对应深色背景，.darkContent对应浅色背景；
• 方案二的视图会直接添加到窗口层级，注意避免和其他窗口视图冲突；
• 两种方案都不会影响TabView的底部安全区域布局，因为主内容视图都保留了默认的安全区域约束。

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