【问题标题】:SwiftUI gap left margin and change color of List item's bottom borderSwiftUI间隙左边距并更改列表项底部边框的颜色
【发布时间】:2020-10-11 21:55:44
【问题描述】:

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

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

我的代码如下所示:

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

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

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

如果有任何见解,我将不胜感激。谢谢!

【问题讨论】:

    标签: swift swiftui swiftui-list


    【解决方案1】:

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

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

    【讨论】:

    • 感谢您的回复。我想到了scrollview和vstack的组合。我想试试 List,但现在我会听取你的建议。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-12
    相关资源
    最近更新 更多