Écrans des boissons
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 44 sur 50.
Défi
FacileConservez le menu de l’étape précédente. Maintenant, faites en sorte que chaque ligne ouvre un écran pour sa boisson :
- Ajoutez une vue
OrderViewavec une propriétélet drink: Drink. Elle affiche le prix de la boisson avec deux décimales dans la police.title(identifiantprice) à l’intérieur d’uneVStack(spacing: 16), et utilise le nom de la boisson comme titre. - Entourez le
HStackde chaque ligne avec unNavigationLinkdont la destination estOrderView(drink: drink).
Essayez vous-même
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Toutes les leçons de Introduction à SwiftUI
4Modificateurs
Marge intérieureArrière-plansOrdre des modificateursCadres et formesRécapitulatif - Créateur de badges7Listes
Pour chaque élémentÉléments identifiablesListeAjouter des élémentsRécapitulatif - Liste de courses10Projet - Coddy Coffee
Vue d’ensemble du projetÉcrans des boissons2Afficher 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