iOS中如何让背景色延伸至时间与电池状态栏后方？

默认情况下SwiftUI视图会遵循安全区域约束，状态栏属于顶部安全区域范围，因此你的标题栏背景不会自动延伸到该区域。以下是两种可行的解决方法：

方法一：让背景视图忽略顶部安全区域 #

直接给包含背景的标题栏视图添加edgesIgnoringSafeArea(.top)，让背景延伸至状态栏：

修改后的核心代码：

HStack {
    Text("Account")
        .font(.largeTitle)
        .fontWeight(.bold)
    Spacer(minLength: 0)
}
.padding()
.background(Color.indigo)
.edgesIgnoringSafeArea(.top) // 添加该行代码

如果担心标题文字和状态栏重叠，可以适当调整顶部内边距，比如把.padding()改成.padding(.vertical, 16).padding(.horizontal)，适配到合适的间距。

方法二：使用导航栏规范实现（iOS 16+） #

如果项目适配iOS 16及以上版本，推荐用NavigationStack构建页面，通过自定义导航栏背景实现需求，这种方式更符合SwiftUI的设计规范：

完整修改后的代码：

struct Account: View {
    var body: some View {
        NavigationStack {
            ScrollView {
                VStack {
                    Text("Doe, John Jack")
                        .font(.title)
                    Divider()
                        .foregroundColor(Color.indigo)
                    HStack {
                        Text("")
                    }
                    Spacer(minLength: 0)
                    VStack {
                        Button(action: {

                        }) {
                            Text("Log Out")
                                .foregroundColor(.red)
                                .fontWeight(.bold)
                        }
                    }
                }
                .padding()
            }
            .navigationTitle("Account")
            .navigationBarTitleDisplayMode(.large)
            .toolbarBackground(Color.indigo, for: .navigationBar) // 设置导航栏背景色
            .toolbarColorScheme(.dark, for: .navigationBar) // 可选：让标题文字变为白色，适配深色背景
        }
    }
}

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