如何在 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)