19 Dec 2022 ⋅ 1 min read ⋅ SwiftUI List iOS 15

The last separator or the bottom separator in SwiftUI List is actually a section separator.

Since iOS 15, you can easily remove a section separator by using the listSectionSeparator(_:edges:) modifer.

The bottom separator is a part of a section separator.

You can easily support sarunw.com by checking out this sponsor.

Sponsor sarunw.com and reach thousands of iOS developers.

How to remove the Last row separator in SwiftUI List

The listSectionSeparator(_:edges:) control the visibility of section separators.

To hide the section separator, we pass Visibility.hidden for the first argument.

listSectionSeparator(_:edges:) also accept an optional second argument that specifies the edges that you want to hide.

Each Section view can have two separators, top and bottom, wrapping the rows in that section. The last separator is referred to as a bottom edge of a section separator. So, we pass VerticalEdge.bottom as the second argument.

To hide it, we apply .listSectionSeparator(.hidden, edges: .bottom) to Section.

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

Hide the last separator using .listSectionSeparator(.hidden, edges: .bottom).

Enjoy the read?

If you enjoy this article, you can subscribe to the weekly newsletter.
Every Friday, you'll get a quick recap of all articles and tips posted on this site. No strings attached. Unsubscribe anytime.