SwiftUI:如何使用边距 10 修复前导和尾随
Posted
技术标签:
【中文标题】SwiftUI:如何使用边距 10 修复前导和尾随【英文标题】:SwiftUI : How to Fix leading and trailing with margin 10 【发布时间】:2019-10-05 05:27:53 【问题描述】:这是我在 SwiftUI 上的第一次试用,我正在尝试创建一个类似于 UI 的 UITable 视图。 我正在尝试为单元格/视图提供修复前导和尾随(不是固定宽度),我已经给了足够的时间,现在这就是我尝试输出的内容:
Git:Here is the link to source code to reproduce this issue
【问题讨论】:
【参考方案1】:您需要使用.padding
修饰符作为边距。在您的代码中,您必须在 ScrollView 中添加填充。
VStack(alignment: .center)
ForEach(boxes) box in
BoxViewTable(box: box)
.background(Color.white).padding(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
之后,在 BoxViewTable 内部,您需要添加 .frame 修饰符。
HStack
Image("\(box.imgUrl)")
.resizable()
.frame(width: 80, height: 100, alignment: .leading)
VStack(alignment:.leading)
Text("\(box.newsTitle)")
.lineLimit(2)
Text("\(box.newsSubTitle) - \(box.dateTime)")
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .topLeading)
最后,不要放弃:-)
【讨论】:
以上是关于SwiftUI:如何使用边距 10 修复前导和尾随的主要内容,如果未能解决你的问题,请参考以下文章