如何在 SwiftUI 中的表单底部添加空格？

Question

我在 SwiftUI 中有一个用于添加记录的模式表。 模态表使用具有多个 TextField 元素的表单。 现在我想用与表单背景（灰色）相同的颜色在表单的末尾添加一些空间。

将 padding() 添加到最后一个 TextField 会导致所有 TextField 都具有填充。 然后我尝试添加一个 Text("").hidden().padding(.bottom, 500) 作为最后一个表单元素，但该空间随后被白色背景色填充。

更新：如果您在 Form 视图中放置一个带内边距的垫片，您会得到以下结果（背景为红色以进行演示）：

这是代码：

import SwiftUI

struct ContentView: View {
    var body: some View {
        HStack {
            Text("Hello, World!")
        }
        .sheet(isPresented: .constant(true), content: { SheetView() }
        )
    }
}

struct SheetView: View {
    var body: some View {
        Form {
            TextField("Demo Field", text: .constant("KK"))
            Spacer()
                .padding(.bottom, 500)
                .background(Color(.red))
        }
    }
}

我正在寻找的内容与 Apple 的通讯录应用程序中的内容相同。 如果您转到“新联系人”并向下滚动到表单末尾，则会有相当多的空间：

Answer 1

为此，您必须使用一个section

struct SheetView: View {
    var body: some View {
        Form {
            Section(header: Text("")) {
                TextField("Demo Field", text: .constant("KK"))
            }
            Section(header: Text("")) {
                EmptyView()

            }
            .padding(.bottom, 200)
            Section(header: Text("")) {
                TextField("Demo Field", text: .constant("KK"))
            }
        }
    }
}

结果：

Answer 2

考虑添加一个Spacer()如下：

Spacer()
  .padding(.bottom, 500)
  .background(gray)