Ordre des modificateurs
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 16 sur 50.
Chaque modificateur enveloppe la vue sur laquelle il est appelé et renvoie une nouvelle vue. L’ordre est donc important : un modificateur agit sur tout ce que les modificateurs précédents ont produit.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()Pour A, le remplissage est ajouté en premier, puis l’arrière-plan recouvre la vue remplie : la zone orange est grande. Pour B, l’arrière-plan recouvre uniquement le texte et le remplissage est ajouté à l’extérieur, comme un espace vide autour d’une petite zone orange.
Lisez une chaîne de modificateurs de haut en bas : chaque ligne modifie la vue construite par les lignes qui la précèdent.
Défi
FacileLa zone orange est seulement aussi grande que le texte, et le remplissage se trouve à l’extérieur. Réorganisez les modificateurs afin que l’arrière-plan orange couvre également le remplissage.
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 scoreEntraînez-vous par vous-même : Playground Swift