はじめに

SwiftUIのListに対してpadding以外の方法でスペース追加ができるのか調べてみました
iOS17以降ではlistSectionSpacingを使うことでListのセクションにスペースが追加できるようになっていました

環境

Xcode 15.2

内容

例えばこのようなシンプルなListの実装があるとして

struct ListSpacingView: View {
    var body: some View {
        List {
            Section {
                Text("HogeHoge")
                Text("HogeHoge")
                Text("HogeHoge")
            }

            Section("Section Title") {
                Text("HogeHoge")
                Text("HogeHoge")
                Text("HogeHoge")
            }
        }
        .listStyle(.insetGrouped)
    }
}

このListのセクションやセルに対してのスペースをmodifierを使って実装します

`listRowSpacing`

iOS15以降で使えるlistRowSpacingを使うことでセルのスペースは簡単に追加することができます

struct ListSpacingView: View {
    var body: some View {
        List {
            Section {
                Text("HogeHoge")
                Text("HogeHoge")
                Text("HogeHoge")
            }

            Section("Section Title") {
                Text("HogeHoge")
                Text("HogeHoge")
                Text("HogeHoge")
            }
        }
        .listStyle(.insetGrouped)
+       .listRowSpacing(10.0)
    }
}

リストのstyleが違うと見え方も変わります。わかりやすくスペースを20追加したものを表示しました

.plain
.grouped

`listSectionSpacing`

iOS17以降ではlistSectionSpacingでセクションのスペースを追加することができます

struct ListSpacingView: View {
    var body: some View {
        List {
            Section {
                Text("HogeHoge")
                Text("HogeHoge")
                Text("HogeHoge")
            }

            Section("Section Title") {
                Text("HogeHoge")
                Text("HogeHoge")
                Text("HogeHoge")
            }
        }
        .listStyle(.insetGrouped)
+       .listSectionSpacing(30)
    }
}