[SwiftUI]リスト(List)の左右(left and right)の余白(padding)を削除する(remove)には？

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

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

方法
使用例

方法

Listの左右の余白を削除するには、listStyle修飾子を使います。

まず、ListにlistStyle修飾子を付与します。

そして、listStyle修飾子の引数にGroupedListStyle()を指定します。

List {
   ・・・
}
.listStyle(GroupedListStyle())

listStyle修飾子を使えば、リストの左右の余白を削除できます。

GroupedListStyle以外にも、PlainListStyleやSidebarListStyleなどで左右の余白を削除できます。

使用例

以下は、使用例です。

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

    }
    
}