SwiftUI создает нежелательное пространство вокруг изображения

Question

Следующий код создает простой VStack с представлениями Text, которые не показывают промежутков между ними (строки 1 и 2).

Однако добавление изображения в 3-ю строку (зеленый) добавляет нежелательный интервал вышеи ниже всей строки.

struct ContentView: View {
  var body: some View {
    VStack {
      HStack {
        Text("one thing")
      }.background(Color(.yellow))
      HStack {
        Text("nothing")
      }.background(Color(.red))
      HStack {
        Text("three")
        Image(systemName: "star")
          .resizable()
          .frame(width: 8, height: 8)
      }.background(Color(.green))
      HStack {
        Text("three things")
      }.background(Color(.red))
    }
  }
}

Как мне избежать дополнительного нежелательного пространства?

Пространство отображается независимо от размера изображения (даже с изображением размером всего в несколько пикселей).

И, конечно, я хотел бы знать, почему создается пространство.

Спасибо за любую помощь

Снимок экрана с кодом выше:

Answer 1

Вы можете настроить интервал VStack:

var body: some View {
            VStack (spacing: 0) {
                 HStack {
                   Text("one thing")
                 }.background(Color(.yellow))
                 HStack {
                   Text("nothing")
                 }.background(Color(.red))
                 HStack {
                   Text("three")
                   Image(systemName: "star")
                     .resizable()
                     .frame(width: 8, height: 8)
                 }.background(Color(.green))
                 HStack {
                   Text("three things")
                 }.background(Color(.red))
               }
             }