VStack

Een VStack (vertical stack) is een container die ervoor zorgt dat elementen in SwiftUI onder elkaar worden geplaatst.

Met andere woorden, het is een manier om meerdere onderdelen in een verticale volgorde te rangschikken.

VStack is nuttig voor het ontwerpen van gebruikersinterfaces met elementen die verticaal zijn georiënteerd. Om een VStack te gebruiken, plaats je de onderdelen die je verticaal wilt stapelen binnen de VStack-container.

Hier is een voorbeeld van het gebruik van een VStack in SwiftUI:

//
//  ContentView.swift
//  https://nibbles.nl
//

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Onderdeel 1")
            Text("Onderdeel 2")
            Text("Onderdeel 3")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

In dit voorbeeld worden drie tekstblokken boven elkaar geplaatst.

Je kunt ook andere elementen en containers in een VStack zetten, zoals:

• Buttons (knoppen)
• Images (afbeeldingen)
• HStack (Horizontal Stack)