Rückblick – Pflanzenführer

Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 38 von 50.

Aufgabe

Mittel

Erstelle einen Pflanzenführer. ContentView zeigt einen NavigationStack (Bezeichner nav) mit einer List mit dem Titel Plants und einem NavigationLink pro Pflanze, der mit ihrem Namen betitelt ist. Jeder Link öffnet PlantDetail für seine Pflanze, der:

den Namen der Pflanze als Titel verwendet
Water every 7 days (aus waterDays) in einem Text mit dem Bezeichner water anzeigt
eine Watered-Schaltfläche besitzt, die einen Alarm mit dem Titel Nice work! und einer OK-Schaltfläche anzeigt

Probier es selbst

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

Alle Lektionen in Einführung in SwiftUI

1Einführung

Was ist SwiftUI?Die App-Datei

4Modifikatoren

Innenabstand Hintergründe Reihenfolge der Modifikatoren Rahmen und Formen Rückblick – Badge Maker

7Listen

ForEach Identifizierbare Elemente Liste Elemente hinzufügen Rückblick – Einkaufsliste

10Projekt – Coddy Coffee

Projektübersicht Getränkeansichten

Größe auswählen

Menge und Gesamtbetrag

Bestellung aufgeben

2Inhalte anzeigen

Textansichten Zahlen im Text Schriftarten Farben SF Symbols Rückblick – Preisschild

5Status und Buttons

Buttons Die @State-Eigenschaft Wahr-oder-falsch-Status Bedingte Ansichten Zusammenfassung – Punktestand verwalten

8Navigation

NavigationStack NavigationLink Daten übergeben Sheets und AlertsRückblick – Pflanzenführer

11Abschließende Herausforderungen

Trinkgeldrechner To-do-Liste Wahr-oder-falsch-Spiel

3Stacks & Layout

VStack HStack Ausrichtung und Abstände Spacer und ZStack Rückblick – Wetterkarte

6Benutzereingabe

Textfeld Umschalter Schrittregler und Schieberegler Auswahlfeld Wiederholung – Bestellformular

9Daten teilen

Die @Binding-Eigenschaft Beobachtbare Objekte Umgebungsobjekte Rückblick – Schrittzähler

Übe selbstständig: Swift-Playground