[SwiftUI]リスト(List)の区切り線(divider)を非表示(hide)にするには？

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

Listで要素ごとに表示される区切り線を非表示にする方法を紹介します。

方法
使用例

方法

Listの区切り線を非表示にするには、listRowSeparator修飾子を使います。

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

そして、listRowSeparatorの引数に「.hidden」を指定します。

List {
    ItemView()
       .listRowSeparator(.hidden)
    ・・・・
}

listRowSeparator(.hidden)が付与されたリストの要素の周りには、区切り線が表示されなくなります。

List自体にlistRowSeparator修飾子を付与しても、効果がありません

使用例

以下は、使用例です。

struct ContentView: View {
    
    var body: some View {
        List {
            
            ForEach (0..<5, id: \.self) { index in
                Text("Text\(index + 1)")
                    .listRowSeparator(.hidden)
            }
            Text("Text6")
            //listRowSeparator(.hidden)が無いので区切り線が表示される
            Text("Text7")
        }

    }
    
}