listSectionSeparatorTint(_:edges:)

Discussion 議論

Separators can be presented above and below a section. You can specify to which edge this preference should apply.

This modifier expresses a preference to the containing List. The list style is the final arbiter for the separator tint.

The following example shows a simple grouped list whose section separators are tinted based on section-specific data:

List {
    ForEach(garage) { garage in
        Section(header: Text(garage.location)) {
            ForEach(garage.cars) { car in
                Text(car.model)
                    .listRowSeparatorTint(car.brandColor)
            }
        }
        .listSectionSeparatorTint(
            garage.cars.last?.brandColor, edges: .bottom)
    }
}
.listStyle(.grouped)

To change the visibility and tint color for a row separator, use listRowSeparator(_:edges:) and listRowSeparatorTint(_:edges:). To hide a section separator, use listSectionSeparator(_:edges:).