[SwiftUI]リスト(List)の要素内の余白を削除するには？

SwiftUI

2022.02.10

どうも、ちょげ(@chogetarou)です。

リストの要素のパディングを削除する方法を紹介します。

方法
使用例

方法

Listの要素の余白を削除するには、listRowInsets修飾子を使います。

まず、Listの要素にlistRowInsets修飾子を付与します。

そして、listRowInsets修飾子の引数にEdgeInsetsを指定します。

List {
   ItemView()
      .listRowInsets(EdgeInsets())
   ・・・
}

listRowInsets(EdgeInsets())を付与した要素は、余白が削除されます。

使用例

以下は、使用例です。

struct ContentView: View {
    
    var body: some View {
        List {
            
            ForEach (0..<5, id: \.self) { index in
                Text("Text\(index + 1)")
                    .listRowInsets(EdgeInsets())
            }
            
        }

    }
    
}