Свифт: Как мне выровнять изображение и текстовое поле ниже? ⇐ IOS

[Anonymous]

Я пытаюсь выровнять изображение по текстовому полю в приложении Swift.
Как мне добиться, чтобы это выглядело правильно?
У меня есть такая версия кода это круто. Я много чего перепробовал и мне нужна помощь, пожалуйста.

Код: Выделить всё

ForEach(listing.items, id: \.self) { i in
VStack(alignment: .leading, spacing: 6) {
Image(i.itemImageUrl)
.resizable()
.scaledToFit()
.overlay(
ZStack {
Text("$ \(i.priceOfItem)")
.font(.body)
.padding(5)
.foregroundColor(.white)
}
.background(Color.black)
.opacity(0.7)
.cornerRadius(12)
.padding(10),
alignment: .bottomTrailing)

Text("Description: \(i.itemDescription)")
.frame(width: .infinity, alignment: .topLeading).padding(8)
.background(Color.gray.opacity(0.2))
.font(.body)
}
.padding()

введите здесь описание изображения
Я стремлюсь к выравниванию по левому краю, но когда код отображается в другом представлении, появляется странное пустое пространство.

Подробнее здесь: https://stackoverflow.com/questions/785 ... tbox-below