SwiftUI - 无法填充工作表底部的屏幕

Question

由于某种原因，我的工作表底部没有填充颜色。尝试了下面的代码，但只能填充顶部安全空间。有什么线索吗？

var body: some View {
    GeometryReader { geometry in
        VStack {
            Text("Hi")
                .font(.title)
        }
        .frame(width: geometry.size.width, height: geometry.size.height)
        .background(LinearGradient(gradient: Gradient(colors: [Color(hex: 0x71A2B6), Color(hex: 0xF09D51)]), startPoint: .top, endPoint: .bottom))
        .edgesIgnoringSafeArea(.all)
    }
}

Answer 1

您已设置.frame(width: Geometry.size.width, height: Geometry.size.height)，它不会覆盖底部区域。

如果您的目标只是让 View 填满整个屏幕，您可能不需要 GeometryReader。

您可以尝试使用 ZStack 来代替:

struct ContentView: View {
    var body: some View {
        ZStack {
            LinearGradient(gradient: Gradient(colors: [Color(hex: 0x71A2B6), Color(hex: 0xF09D51)]), startPoint: .top, endPoint: .bottom)
            VStack {
                Text("Hi")
                    .font(.title)
            }
        }
        .edgesIgnoringSafeArea(.all)
    }
}