HStack
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 10 sur 50.
HStack arrange les vues de gauche à droite :
HStack {
Image(systemName: "sun.max.fill")
.foregroundStyle(.yellow)
Text("Sunny")
}Les piles peuvent être imbriquées. Une disposition courante est une VStack de lignes, où chaque ligne est une HStack :
VStack {
HStack {
Text("Coffee")
Text("$3")
}
HStack {
Text("Tea")
Text("$2")
}
}
Défi
FacileConstruisez une ligne météo : un HStack avec le symbole cloud.sun.fill suivi du texte Partly cloudy.
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