SwiftUI 间隙左边距和更改列表项底部边框的颜色
SwiftUI gap left margin and change color of List item's bottom border
我是 Swift 的新手UI,正在尝试创建 UI 组件,例如 UITableView。我正在使用 List 并且有一些我想自定义的东西。
- 左边有空白。我设法为项目内的组件留出边距,但没有留出底部边框。
- 我想更改列表项底部边框的颜色。
我的代码如下所示:
List {
ForEach(someArray) { _ in
Text("Item")
.listRowInsets(EdgeInsets()) // To gap the left margin
}
}
要具体说明列表项的底部边框,我将附上这张图片。
红色箭头所指的线是列表项的底部边框。不仅是最后一个边框,还有每个项目的边框。
如有任何见解,我将不胜感激。谢谢!
SwiftUI 仍然缺少 UIKit 中已知的一些功能。这肯定会随着时间的推移而改变,但现在我会推荐一种稍微不同的方法。您可以通过将 ScrollView
与 LazyVStack
(iOS14)
结合使用来获得所需的结果
ScrollView {
LazyVStack(alignment: .leading) {
ForEach(someArray, id: \.self) { _ in
Text("Item")
.padding(.leading)
Divider()
.background(Color.red)
}
}
}
我是 Swift 的新手UI,正在尝试创建 UI 组件,例如 UITableView。我正在使用 List 并且有一些我想自定义的东西。
- 左边有空白。我设法为项目内的组件留出边距,但没有留出底部边框。
- 我想更改列表项底部边框的颜色。
我的代码如下所示:
List {
ForEach(someArray) { _ in
Text("Item")
.listRowInsets(EdgeInsets()) // To gap the left margin
}
}
要具体说明列表项的底部边框,我将附上这张图片。
红色箭头所指的线是列表项的底部边框。不仅是最后一个边框,还有每个项目的边框。
如有任何见解,我将不胜感激。谢谢!
SwiftUI 仍然缺少 UIKit 中已知的一些功能。这肯定会随着时间的推移而改变,但现在我会推荐一种稍微不同的方法。您可以通过将 ScrollView
与 LazyVStack
(iOS14)
ScrollView {
LazyVStack(alignment: .leading) {
ForEach(someArray, id: \.self) { _ in
Text("Item")
.padding(.leading)
Divider()
.background(Color.red)
}
}
}