swift - 如何从 SwiftUI 中的列表中删除 "row"分隔符/分隔符？

Question

我正在尝试从 SwiftUI 中的 List 中删除“行”分隔符(在 SwiftUI 中称为分隔符)。

我浏览了 List 文档，但我没能找到它的修饰符。

如有任何帮助，我们将不胜感激。

Answer 1

iOS 15:

今年 Apple 引入了一个新的修饰符 .listRowSeparator，可用于设置分隔符的样式。你可以通过 .hidden 来隐藏它:

List {
    ForEach(items, id:\.self) { 
        Text("Row \($0)")
            .listRowSeparator(.hidden)
    }
}

---

iOS 14

Apple 在 iOS 14 中引入了 LazyVStack。您可以考虑使用它来代替列表:

ScrollView {
    LazyVStack {
        ForEach((1...100), id: \.self) {
           Text("Placeholder \($0)")
        }
    }
}

请记住，LazyVStack 是惰性的，不会一直呈现所有行。因此它们的性能非常好，并且在 WWDC 2020 中由 Apple 自己推荐。

---

iOS 13

在 SwiftUI 的 List for iOS 后面有一个 UITableView。所以要删除

额外的分隔符(列表下方):

你需要一个 tableFooterView 并移除

所有分隔符(包括实际分隔符):

你需要 separatorStyle 为 .none

init() {
    // To remove only extra separators below the list:
    UITableView.appearance().tableFooterView = UIView()

    // To remove all separators including the actual ones:
    UITableView.appearance().separatorStyle = .none
}

var body: some View {
    List {
        Text("Item 1")
        Text("Item 2")
        Text("Item 3")
    }
}