How to implement separator in List by SwiftUI on macOS properly

Question

It seems there is no default separator in List by using SwiftUI on macOS. So I am using Divider to add by manual. But when I enable multiple line selection, the app will render a white line automatically. And it seems strange that both divider line and white line exist.

Is there a best practice way to implement row separator on macOS by using SwiftUI ? Or can I remove the default white line rendering by selection?

add divider
multi selections with divider
multi selections without divider

struct WelcomeView: View {
    let contents = ["aaa", "bbb", "ccc"]
    @State var selection = Set<String>()

    var body: some View {
        List(selection: $selection) {
            Section(header: Text("header")) {
                ForEach(contents, id: \.self) { row in
                    VStack {
                        Text(row)

//                        Divider()
                    }
                }
            }
        }
    }
}

I saw your code, it is kind of strange, why you are using List and ForEach together? one of them supposed to be there, also you are using Set for a List!?! that is not how should be! Why Set? why not array? — swiftPunk
– swiftPunk, Commented Jan 27, 2021 at 10:37
@swiftPunk I am using List and ForEach together because I want to show some sections in the list including some headers or footers. And using set for selection because it is specified by List interface. selection: Binding<Set<SelectionValue>>? — morphinewan
– morphinewan, Commented Jan 28, 2021 at 0:48
I know all what you said, I just wanted give you a general idea, otherwise there is some reason for sure in your codes — swiftPunk
– swiftPunk, Commented Jan 28, 2021 at 2:34

Daniel · Accepted Answer · 2022-09-07 20:05:34Z

3

In macOS 13 or newer you can now use the listRowSeparator modifier like this:

List {
    ForEach(garage.cars) { car in
        Text(car.model)
            .listRowSeparator(.visible)
    }
}

answered Sep 7, 2022 at 20:05

Daniel

1,1263 gold badges40 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to implement separator in List by SwiftUI on macOS properly

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related