swiftui - 将 View 固定到屏幕底部并忽略底部安全区域

Question

布局问题 - 如何设置 View block 以扩展到底部安全区域？我查看了 ignoresSafeAreas() 的各种来源，但无法达到我正在寻找的结果。稍后，我希望能够向上扩展此 View ，但从短开始。如果这是有道理的话。

    var body: some View {
    VStack{
        Spacer()
            HStack(alignment: .center) {
                Text ("Expand to fill bottom safe area ...?")
                    .foregroundColor(.white)
            }

        .frame(minWidth: 100, maxWidth: .infinity, minHeight: 50, maxHeight: 100)
        .background(Color.red)
        .ignoresSafeArea()
    }
}

Answer 1

选项 1

将 ignoresSafeArea 放在 background 中。这将使红色延伸到设备边缘，但 HStack 的位置将保持不变。

struct ContentView: View {
    var body: some View {
        VStack{
            Spacer()
            
            HStack(alignment: .center) {
                Text ("Expand to fill bottom safe area ...?")
                    .foregroundColor(.white)
            }
            
            .frame(minWidth: 100, maxWidth: .infinity, minHeight: 50, maxHeight: 100)
            .background(Color.red.ignoresSafeArea()) /// inside `background`
        }
    }
}

选项 2

将ignoresSafeArea放在VStack上，一切都会忽略安全区域。

struct ContentView: View {
    var body: some View {
        VStack{
            Spacer()
            
            HStack(alignment: .center) {
                Text ("Expand to fill bottom safe area ...?")
                    .foregroundColor(.white)
            }
            
            .frame(minWidth: 100, maxWidth: .infinity, minHeight: 50, maxHeight: 100)
            .background(Color.red)
        }
        .ignoresSafeArea() /// attached to `VStack`
    }
}

结果:

<表类="s-表"><头>选项 1选项 2<正文>