【SwiftUI】リストの下に余白を作る

(宣伝)写真から3Dモデルを作成するiPhoneアプリを開発しました。よかったら使ってみてください。

DDDOG

DDDOG

  • Clarity Solutions LLC
  • 写真/ビデオ
  • 無料
apps.apple.com

(本題)

【課題】 SwiftUI で、List の下に余白を作りたい。

f:id:fuji_haruka:20220103165829p:plain
赤枠のような余白を作りたい

【解決】 Spacer を使います。

struct ListView: View {
    var body: some View {
        List {
            Section(header: Text("Title")) {
                ForEach((0...30), id: \.self) { index in
                    Text("item \(index)")
                }
            }

            // 高さを指定してリストの下に余白を作る
            Spacer().frame(height: 100).listRowBackground(EmptyView())
        }
    }
}