SwiftUI Academy · Les

Views verticaal stapelen

Groepeer views van boven naar beneden met VStack.

Les 1 van 413 stappen

Views verticaal stapelen is een gratis SwiftUI Academy-les op CoddyKit. Dit is les 1 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject SwiftUI Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus SwiftUI Academy bevat in totaal 4 lessen.

Waarom je stacks nodig hebt

Een SwiftUI-body kan maar één weergave retourneren. Om meerdere weergaven samen te tonen, wikkel je ze in een container die ze voor je ordent. 📦

Maak kennis met VStack

Een VStack stapelt de onderliggende weergaven verticaal, van boven naar beneden. Dit is je standaardcontainer voor indelingen in kolommen, zoals een titel boven een ondertitel.

Je eerste VStack

Plaats weergaven tussen de accolades van VStack en ze verschijnen in volgorde, elk op een eigen regel. Het eerste onderliggende element staat bovenaan.

VStack {
    Text("Hello")
    Text("World")
}

De volgorde is belangrijk

Onderliggende elementen worden weergegeven in exact de volgorde waarin je ze schrijft. Verwissel twee regels code en de weergaven wisselen op het scherm van plaats. Bovenaan in de code betekent bovenaan in de kolom.

Standaard gecentreerd

Standaard centreert een VStack zijn onderliggende elementen horizontaal en wordt hij zo klein mogelijk gemaakt voor zijn inhoud, als een nette kleine kolom die om zijn weergaven heen zit.

Weergavetypen combineren

Een VStack maakt het niet uit welk type weergave hij bevat. Je kunt zonder problemen een Text, een Image en een Button in dezelfde verticale stack combineren.

VStack {
    Image(systemName: "star")
    Text("Favorite")
}

Hoeveel weergaven passen erin?

Een stack kan maximaal tien directe onderliggende elementen tegelijk bevatten. Dat is voor de meeste schermen ruim voldoende, en je kunt stacks altijd nesten voor meer.

Stacks nesten

Je kunt een VStack in een andere VStack plaatsen om uitgebreidere indelingen te maken. Door te nesten kun je verwante weergaven groeperen, zodat ze samen bewegen.

VStack {
    Text("Title")
    VStack {
        Text("Line 1")
        Text("Line 2")
    }
}

Stacks zijn ook weergaven

Een VStack is zelf een weergave, dus je kunt modifiers zoals padding of background in één keer op de hele stack toepassen. De groep gedraagt zich als één geheel.

Een VStack retourneren vanuit body

Omdat body één weergave nodig heeft, is het retourneren van een VStack de klassieke manier om meerdere weergaven te tonen. De stack wordt die ene geretourneerde weergave.

var body: some View {
    VStack {
        Text("One")
        Text("Two")
    }
}

Wanneer gebruik je VStack?

Gebruik een VStack wanneer items van boven naar beneden gelezen moeten worden: een kop boven tekst, een label boven een waarde of een formulier dat in rijen is ingedeeld.

Korte controle

Laten we controleren of de volgorde in VStack duidelijk is.

Beantwoord dit in de interactieve les

Samenvatting: verticaal stapelen

Goed gedaan! Een VStack ordent weergaven van boven naar beneden in de volgorde van de code, centreert ze standaard en gedraagt zich als één weergave die je kunt opmaken of nesten. 🎉

Gratis beginnen

Leer Swift met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen: 30
Lessen: 120

Gratis beginnen met leren Bekijk de volledige cursus

Veelgestelde vragen

Is de les “Views verticaal stapelen” gratis?

Ja — de volledige tekst van “Views verticaal stapelen” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus SwiftUI Academy wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus SwiftUI Academy bevat in totaal 4 lessen.

Wat leer ik in “Views verticaal stapelen”?

Groepeer views van boven naar beneden met VStack. Je oefent met SwiftUI Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met SwiftUI Academy te beginnen?

Ervaring vooraf is niet nodig. SwiftUI Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 1 van 4.

Hoe lang duurt de les “Views verticaal stapelen”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over SwiftUI Academy?

Ja. Elke les over SwiftUI Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

← Terug naar SwiftUI Academy