Spacer и ZStack

Spacer занимает всё свободное пространство в стеке. В HStack он сдвигает представления перед ним влево, а представления после него — вправо:

HStack {
    Text("Total")
    Spacer()
    Text("$12.50")
}

В VStack компонент Spacer отодвигает представления друг от друга по вертикали.

ZStack размещает представления слоями друг поверх друга. Первое представление находится сзади, а каждое следующее располагается поверх него:

ZStack {
    Color.blue
    Text("On top")
        .foregroundStyle(.white)
}

Если использовать Color.blue в качестве представления, оно заполняет всё предоставленное ему пространство, поэтому здесь оно становится синим фоном за текстом.