用颜色填充安全区域

Question

我想用一种颜色填充剩余的空白，但我找不到任何方法来做到这一点，我是ios开发的初学者

我的应用的照片：

Answer 1

在视图上使用属性 .ignoresSafeArea（） 可以将设置视图的边界扩展到安全区域之外。

文档可以在此处找到

Answer 2

将您的内容放入< code>ZStack中，并使用带有< code >的视图。ignoresSafeArea(。all)作为背景。

struct MainView: View {
    var body: some View {
        ZStack {
            GradientBackground(colors: [.red, .green])
                .edgesIgnoringSafeArea(.all)
            VStack(alignment: .leading) {
                HStack {
                    Text("Setttings")
                        .foregroundColor(.white)
                        .font(.title)
                        .bold()
                    Spacer()
                }
                .padding(16)
                .background(Rectangle().fill(Color.blue))
                Spacer()
            }
        }
    }
}

struct GradientBackground: View {
    let colors: [Color]
    var body: some View {
        LinearGradient(gradient: .init(colors: colors), startPoint: .top, endPoint: .bottom)
    }
}