SwiftUI间隙左边距并更改列表项底部边框的颜色

Posted 2023-02-24

【中文标题】SwiftUI间隙左边距并更改列表项底部边框的颜色

【英文标题】：SwiftUI gap left margin and change color of List item's bottom border

【发布时间】：2020-10-11 21:55:44

【问题描述】：

我是 SwiftUI 的新手，正在尝试创建一个 UI 组件，例如 UITableView。我正在使用 List，有几件事我想自定义。

左边有一个边距。我设法将项目内部组件的边距拉开，而不是底部边框。 我想更改列表项底部边框的颜色。

我的代码如下所示：

List 
   ForEach(someArray)  _ in
   Text("Item")
       .listRowInsets(EdgeInsets()) // To gap the left margin
    

为了具体说明列表项的底部边框，我将附上这张图片。

我的意思是红色箭头指向的线是列表项的底部边框。不仅是最后一个边框，还有每个项目的边框。

如果有任何见解，我将不胜感激。谢谢！

【参考方案1】：

SwiftUI 仍然缺少一些 UIKit 已知的功能。这肯定会随着时间的推移而改变，但现在我会推荐一种稍微不同的方法。您可以通过将ScrollView 与LazyVStack (ios14) 结合使用来实现所需的结果

ScrollView 
     LazyVStack(alignment: .leading) 
         ForEach(someArray, id: \.self)  _ in
             Text("Item")
                 .padding(.leading)
             Divider()
                 .background(Color.red)
         
     
 

【讨论】：

感谢您的回复。我想到了scrollview和vstack的组合。我想试试 List，但现在我会听取你的建议。