SwiftUI：如何使用边距 10 修复前导和尾随

【问题标题】：SwiftUI : How to Fix leading and trailing with margin 10SwiftUI：如何使用边距 10 修复前导和尾随
【发布时间】：2019-10-05 05:27:53
【问题描述】：

这是我在 SwiftUI 上的第一次试用，我正在尝试创建一个类似于 UI 的 UITable 视图。我正在尝试为单元格/视图提供修复前导和尾随（不是固定宽度），我已经给了足够的时间，现在这就是我尝试输出的内容：

Git：Here is the link to source code to reproduce this issue

【问题讨论】：

标签： ios swift iphone swiftui

【解决方案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)

最后，不要放弃:-)

【讨论】：