清除 SwiftUI List 的分隔線

利用 SwiftUI 的 List 我們可以快速製作出以分隔線分隔的表格頁面。

List(0..<5) { (index) in
   Image("pic\(index)")
      .resizable()
      .scaledToFill()
      .frame(width: 170, height: 170)
      .clipped()
}

比方以上的程式將以表格陳列著 Apple 美麗的產品插圖。但是有時我們希望畫面上不要顯示分隔線，有辦法將它消除嗎 ?

目前 SwiftUI 尚未提供清除分隔線的 function，因此我們只能使用某種特別的方法。如以下程式所示，我們從 List 呼叫 function onAppear，設定畫面出現時執行清除分隔線的程式。

我們將畫面出現時要執行的程式以 { } 傳入，在裡面寫 UITableView.appearance().separatorColor = .clear。此行程式會將整個 App 的表格分隔線變成透明顏色，實現清除分隔線的效果。

.onAppear {
   UITableView.appearance().separatorColor = .clear
}

如下圖所示，此時分隔線果然不見了。不過未來在別的畫面若想看到分隔線，記得要將 UITableView.appearance().separatorColor 設為 nil，讓分隔線顯示預設的顏色。