Menu
Coddy logo textTech

NavigationLink

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

Ein NavigationLink ist eine Zeile oder Schaltfläche, die beim Antippen einen neuen Bildschirm öffnet. Sie benötigt einen Titel und eine Zielansicht:

NavigationStack {
    List {
        NavigationLink("Pancakes") {
            Text("Mix flour, eggs and milk")
                .navigationTitle("Pancakes")
        }
    }
    .navigationTitle("Recipes")
}

Durch Tippen auf die Zeile wird das Ziel eingeblendet, das seinen eigenen Titel festlegt. Die Leiste zeigt dann eine Zurück-Schaltfläche mit dem Namen des vorherigen Bildschirms, Recipes, die zur Liste zurückkehrt. Innerhalb einer List zeigt eine Linkzeile rechts einen Chevron.

Das Ziel kann jede Ansicht sein, einschließlich deiner eigenen Ansichtsstrukturen.

challenge icon

Aufgabe

Einfach

Wandle die Zeile Pancakes in einen NavigationLink um. Sein Ziel ist ein Text Mix flour, eggs and milk mit dem Bezeichner steps, und der Titel des Ziels lautet Pancakes.

Probier es selbst

import SwiftUI

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

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Einführung in SwiftUI

Übe selbstständig: Swift-Playground