Rijen met HStack
Plaats views horizontaal naast elkaar.
Rijen met HStack is een gratis SwiftUI Academy-les op CoddyKit. Dit is les 2 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.
Horizontaal werken
Soms horen weergaven naast elkaar te staan in plaats van onder elkaar. Daarvoor gebruik je de horizontale tegenhanger van VStack. ➡️
Maak kennis met HStack
Een HStack ordent zijn onderliggende weergaven horizontaal, van links naar rechts. Hij is perfect voor rijen, zoals een pictogram naast een label.
Je eerste HStack
Plaats weergaven tussen de accolades van HStack en ze komen naast elkaar op het scherm te staan, in de volgorde waarin je ze hebt geschreven.
HStack {
Text("Left")
Text("Right")
}Volgorde van links naar rechts
In een HStack staat het eerste onderliggende element aan de leading-rand en volgen de latere elementen richting de trailing-rand. De volgorde van de code is de volgorde van links naar rechts.
Pictogram plus label
Een klassieke HStack combineert een Image met een Text, zodat een pictogram en het bijbehorende bijschrift op één regel blijven staan, zoals in een rij van een instellingenscherm.
HStack {
Image(systemName: "bell")
Text("Alerts")
}Verticaal gecentreerd
Standaard lijnt een HStack zijn onderliggende elementen uit op het verticale midden, zodat een hoge afbeelding en korte tekst netjes langs hun middelpunten uitgelijnd zijn.
HStack past zich aan de inhoud aan
Net als VStack wordt een HStack zo klein mogelijk gemaakt voor zijn onderliggende elementen, in plaats van de volledige breedte te vullen. Hij neemt alleen de benodigde ruimte in.
HStack en VStack combineren
Nest een HStack in een VStack om een kaart te maken: bovenaan een rij met een titel en daaronder een rij met details. Door beide richtingen te combineren maak je echte indelingen.
VStack {
Text("Title")
HStack {
Text("A")
Text("B")
}
}HStack is een weergave
Een HStack is ook een weergave, dus modifiers zoals padding of background worden in één keer op de hele rij toegepast, alsof het één blok is.
Rijen met gemengde inhoud
Een HStack kan met gemak verschillende weergavetypen samen bevatten, zoals een getal, een label en een knop op dezelfde horizontale regel.
HStack {
Text("42")
Button("Add") { }
}Wanneer gebruik je HStack?
Gebruik een HStack wanneer items van links naar rechts gelezen worden: een label en waarde, een werkbalk met knoppen of een avatar naast een naam.
Korte controle
Laten we controleren hoe HStack de indeling maakt.
Samenvatting: horizontale rijen
Je bent goed op weg! Een HStack lijnt weergaven van links naar rechts uit, centreert ze verticaal en werkt uitstekend samen met VStack om kaarten en rijen te maken. 🙌
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
Veelgestelde vragen
Is de les “Rijen met HStack” gratis?
Ja — de volledige tekst van “Rijen met HStack” 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 “Rijen met HStack”?
Plaats views horizontaal naast elkaar. 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 2 van 4.
Hoe lang duurt de les “Rijen met HStack”?
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.