Динамическое добавление элементов в VStack в SwiftUI

Question

(Swift 5, SwiftUI) Если у меня есть следующий код для VStack:

struct ContentView: View {

var body: some View {

    ScrollView {
        VStack(alignment: .leading) {

                //Inside of VStack

        }.padding()
        .padding(.bottom, keyboard.currentHeight)
        .edgesIgnoringSafeArea(.bottom)
        .animation(.easeOut(duration: 0.16))
    }
}
}

Как я могу динамически добавлять Text () в VStack с помощью функции и соответствующим образом обновлять высоту ScrollView?

Функция (вызывается нажатием кнопки):

func add() -> Void {
    //Adds a Text() element to the VStack. The content of the Text() is received from an API 
    //call, so it can't be hardcoded.
}

Я ищу простой способ добавить элементы Text () в мой VStack. Я тщательно искал проблему в Google, но не нашел ничего похожего на эту тривиальную проблему. Любая помощь будет принята с благодарностью.

Answer 1

Вот демонстрация возможного решения. Протестировано с Xcode 11.4

struct ContentView: View {
    @State private var texts: [String] = [] // storage for results
    var body: some View {

        ScrollView {
            VStack(alignment: .leading) {
                ForEach(texts, id: \.self) { text in // show received results
                    Text(text)
                }
            }.frame(maxWidth: .infinity)  // << important !!
            .padding()
                .padding(.bottom, keyboard.currentHeight)
                .edgesIgnoringSafeArea(.bottom)
                .animation(.easeOut(duration: 0.16))
        }
    }

    func add() -> Void {
        // store result string (must be on main queue)
        self.texts.append("result")
    }
}