如何隐藏 SwiftUI 列表分隔符

Question

我试图隐藏列表中单元格之间的分隔符，但根据 Apple 的文档，看起来没有办法做到这一点。

知道怎么做吗？

Answer 1

iOS 15:

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

List {
    ForEach(items, id:\.self) { 
        Text("Row \([=10=])")
            .listRowSeparator(.hidden)
    }
}

iOS14

在 iOS 14 中，您可以考虑使用 LazyVStack 而不是列表：

ScrollView {
    LazyVStack {
        ForEach((1...100), id: \.self) {
           Text("Placeholder \([=11=])")
        }
    }
}

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

iOS13

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

额外的分隔符（列表下方）：

您需要 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")
    }
}

如何隐藏 SwiftUI 列表分隔符

How to hide SwiftUI list divider

ios13

swiftui

iOS 15:

iOS14

iOS13

额外的分隔符（列表下方）：

所有分隔符（包括实际分隔符）：