Champ de texte
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 24 sur 50.
Un TextField permet à l’utilisateur de saisir du texte. Il nécessite un texte indicatif et une liaison à un état String :
@State private var name = ""
var body: some View {
VStack {
TextField("Your name", text: $name)
Text("Hello, \(name)!")
}
}Le $ dans $name transforme l’état en une liaison : une connexion bidirectionnelle. Le champ affiche la valeur de name, et chaque touche saisie par l’utilisateur la réécrit. Le texte ci-dessous lit le même état, il se met donc à jour à chaque frappe.
.textFieldStyle(.roundedBorder) dessine la bordure arrondie familière autour du champ.
Défi
FacileSalue l’utilisateur par son nom. Ajoute un TextField avec l’espace réservé Your name lié à name, et donne-lui l’identifiant name. Conserve le texte de salutation, qui doit afficher Hello, Ada! après que l’utilisateur a saisi Ada.
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éo6Saisie utilisateur
Champ de texteInterrupteurSteppeur et curseurSélecteurRécapitulatif - Formulaire de commandeEntraînez-vous par vous-même : Playground Swift