如何僅隱藏第一個和最后一個項目的 SwiftUI 列表視圖的列表行分隔符？

Question

可以編寫多個內聯三元語句，但有沒有更簡潔的方法？

Answer 1

具有以下功能：

extension View {
    @ViewBuilder
    fileprivate func hideListRowSeparatorIfFirstOrLastItem<Data: RandomAccessCollection<ID>, ID: Identifiable>(data: Data, item: ID) -> some View {
        if data.first?.id == item.id {
            listRowSeparator(.hidden, edges: .top)
        } else if data.last?.id == item.id {
            listRowSeparator(.hidden, edges: .bottom)
        } else {
            self
        }
    }
}

您可以巧妙地在線添加此屬性：

struct MyView: View {
    let model = Model()
    var body: some View {
        List {
            Section("Section") {
                ForEach(model.items) { item in
                    Text("Hello \(item.value)")
                        .hideListRowSeparatorIfFirstOrLastItem(data: model.items, item: item)
                }
            }
        }
        .listStyle(.plain)
    }
}