SwiftUI: how to get rid of top and bottom separators on lists

Question

I'm working with Lists in SwiftUI, and noticed that when I have only one row, the separators still appear on the top and bottom:

Similarly, for Lists with multiple rows, these separators still appear on the top and bottom. How can I remove the separator at the very top and very bottom of a List, while keeping separators between middle rows?

Answer 1

You can just hide separators using modifier (iOS 15+)

List {
    ForEach(garage.cars) { car in
        Text(car.model)
            .listRowSeparator(.hidden)    // << this !!
    }
}