Равняется высоте Spacer в двух разных стеках

Question

Например, у меня есть такое представление:

import SwiftUI

struct TarifsScreen: View {

var body: some View {

    GeometryReader { geometry in

        VStack {

            VStack() {

                Spacer()

                Text("Text1")

                Spacer()

                Text("Text2")

                Spacer()

                Text("Text3")

                Spacer()

                Text("Text4")

                Spacer()

                VStack() {

                    Spacer()

                    Text("Text5")

                    Spacer()

                    Text("Text6")

                    Spacer()

                    Text("Text7")

                    Spacer()

                    Text("Text8")

                    Spacer()
                }
            }

        }.frame(width: geometry.size.width, height: geometry.size.height)
    }
}

}

Распорка в нижнем стеке очень большая, но Распорка в верхнем стеке мала. Как я могу сделать равные высоты всех проставок? Я не могу использовать только один стек для всех элементов, потому что у меня всего> 10 элементов

Answer 1

Если проблема только в> 10 подпредставлениях, тогда Group использование будет намного проще

var body: some View {

    GeometryReader { geometry in
        VStack {
            Group {
                Spacer()
                Text("Text1")
                ...
            }
            Group {
                Spacer()
                Text("Text5")
                ...
            }
            ...

также если у вас есть тот же обычный шаблон, который стоит рассмотреть ForEach (он делает группировку автоматически), как

var body: some View {

    GeometryReader { geometry in
        VStack {
            ForEach(0 ..< count) { index in
                Spacer()
                Text("Text\(index)")
            }
        }