如何在SwiftUI中移除List的第一个行分隔线

在 SwiftUI List 中，第一个分隔线或最顶部的分隔线实际上是一个区域分隔线。

自从 iOS 15 以来，您可以使用listSectionSeparator(_:edges:)修改器轻松地移除区域分隔线。

顶部分隔线是区域分隔线。

如何在 SwiftUI List 中移除第一个行分隔线

listSectionSeparator(_:edges:)控制区域分隔线的可见性。

要隐藏区域分隔线，我们将第一个参数传递为 Visibility.hidden。

listSectionSeparator(_:edges:)还接受一个可选的第二个参数，用于控制您要隐藏的边缘。

Section可以有两个分隔线，分别包裹该部分中的行的顶部和底部。第一个分隔线是一个区域分隔线的顶部边缘。因此，我们将 VerticalEdge.top 作为第二个参数。

要隐藏它，我们将.listSectionSeparator(.hidden, edges: .top)应用于Section。

swiftCopy code
NavigationView {
    List {
        Section("Section Header") {
            ForEach(0..<7) { i in
                Text("Row \(i.description)")
            }
        }
        .listSectionSeparator(.hidden, edges: .top)
    }
    .listStyle(.plain)
    .navigationTitle("List")
}

使用.listSectionSeparator(.hidden, edges: .top)隐藏第一个分隔线。

• 原文(英文)：https://sarunw.com/posts/swiftui-list-remove-first-separator/