Menu
Coddy logo textTech

NavigationStack

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

Ein NavigationStack gibt einem Bildschirm eine Navigationsleiste und ermöglicht es, andere Bildschirme darüber zu legen. Umschließe den Inhalt des Bildschirms damit und gib dem Inhalt einen Titel:

NavigationStack {
    List {
        Text("Inbox")
        Text("Sent")
    }
    .navigationTitle("Mail")
}

Beachte, wo .navigationTitle steht: beim Inhalt innerhalb des Stapels, nicht beim NavigationStack selbst. Der Stapel liest den Titel vom Bildschirm, den er anzeigt, sodass jeder Bildschirm seinen eigenen festlegen kann.

Standardmäßig ist der Titel groß. .navigationBarTitleDisplayMode(.inline) zeigt ihn klein in der Mitte der Leiste an.

challenge icon

Aufgabe

Einfach

Umschließe die Liste mit einem NavigationStack mit dem Bezeichner nav und gib der Liste den Titel Recipes.

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