如何隐藏 SwiftUI 列表分隔符 [重复]

Posted 2023-02-24

【中文标题】如何隐藏 SwiftUI 列表分隔符 [重复]

【英文标题】：How to hide SwiftUI list divider [duplicate]

【发布时间】：2019-06-10 16:00:03

【问题描述】：

我正在尝试隐藏列表中单元格之间的分隔符，但根据 Apple 的文档，似乎没有办法做到这一点。

你知道怎么做吗？

【问题讨论】：

这看起来是个不错的解决方案！谢谢！

【参考方案1】：

ios 15：

今年 Apple 推出了一个新的修饰符 .listRowSeparator，可用于设置分隔符的样式。你可以通过.hidden来隐藏它：

List 
    ForEach(items, id:\.self)  
        Text("Row \($0)")
            .listRowSeparator(.hidden)
    

---

iOS 14

在 iOS 14 中，您可以考虑使用 LazyVStack 而不是列表：

ScrollView 
    LazyVStack 
        ForEach((1...100), id: \.self) 
           Text("Placeholder \($0)")
        
    

请记住，LazyVStack 是惰性的，不会一直呈现所有行。因此，它们的性能非常好，Apple 自己在 WWDC 2020 中提出了建议。

---

iOS 13

在 iOS 的 SwiftUI 的 List 后面有一个 UITableView。所以要删除

额外的分隔符（在列表下方）：

您需要 tableFooterView 并删除

所有分隔符（包括实际分隔符）：

你需要separatorStyle 成为.none

init() 
    // To remove only extra separators below the list:
    UITableView.appearance().tableFooterView = UIView()

    // To remove all separators including the actual ones:
    UITableView.appearance().separatorStyle = .none


var body: some View 
    List 
        Text("Item 1")
        Text("Item 2")
        Text("Item 3")