Sélecteur
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 27 sur 50.
Un Picker choisit une valeur parmi une liste d’options. Chaque option est une vue avec un .tag, et le tag de l’option choisie est écrit dans l’état lié :
@State private var size = "Medium"
Picker("Size", selection: $size) {
Text("Small").tag("Small")
Text("Medium").tag("Medium")
Text("Large").tag("Large")
}Les balises doivent être du même type que l’état, ici String. .pickerStyle(.segmented) affiche les options sous forme de segments sur une ligne :
Picker("Size", selection: $size) {
Text("S").tag("Small")
Text("L").tag("Large")
}
.pickerStyle(.segmented)
Défi
FacileAjoutez un Picker intitulé Milk, lié à milk, avec l’identifiant milk et trois options : Whole, Oat et Soy, chacune étiquetée avec son propre nom. Conservez le texte en dessous, qui affiche le choix.
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