VStack
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 9 sur 50.
Un corps renvoie une seule vue. Pour en afficher plusieurs, place-les dans une pile. VStack dispose ses vues de haut en bas :
VStack {
Text("Coddy Cafe")
.font(.title)
Text("Open 8:00 to 18:00")
}Les vues se placent entre les accolades, une par ligne, dans l’ordre où elles apparaissent à l’écran. Chacune peut avoir ses propres modificateurs.
Une pile est également une vue, vous pouvez donc styliser la pile elle-même. Un modificateur appliqué à la pile s’applique aux vues qu’elle contient et qui ne définissent pas leur propre modificateur :
VStack {
Text("Coffee")
Text("Tea")
}
.font(.headline)
Défi
DébutantAffichez une fiche de contact : un VStack avec deux textes, Ada Lovelace en haut et Engineer en dessous. Donnez au nom la police .title.
Essayez vous-même
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Introduction à SwiftUI
4Modificateurs
Marge intérieureArrière-plansOrdre des modificateursCadres et formesRécapitulatif - Créateur de badges
2Afficher du contenu
Vues de texteNombres dans le textePolicesCouleursSymboles SFRécapitulatif - Étiquette de prix5État et boutons
BoutonsLa propriété @StateÉtat vrai ou fauxVues conditionnellesRécapitulatif - Compteur de score3Piles et mise en page
VStackHStackAlignement et espacementSpacer et ZStackRécapitulatif - Carte météoEntraînez-vous par vous-même : Playground Swift