SwiftUI: как исправить ведущий и трейлинг с полем 10

Question

Это моя первая пробная версия SwiftUI, где я пытаюсь создать представление UITable, например UI. Я пытаюсь назначить начальные и конечные значения (не фиксированную ширину) для ячеек / представлений, я выделил достаточно времени, и теперь это то, что я пробовал с выводом:

Git: Вот ссылка на исходный код для воспроизведения этой проблемы

Answer 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)

Наконец, не сдавайтесь: -)