Menu
Coddy logo textTech

NavigationStack

Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 34 de 50.

Un NavigationStack proporciona a una pantalla una barra de navegación y permite colocar otras pantallas encima. Incluye el contenido de la pantalla en él y asigna un título al contenido:

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

Observa dónde va .navigationTitle: en el contenido dentro de la pila, no en la propia NavigationStack. La pila lee el título de la pantalla que está mostrando, por lo que cada pantalla puede establecer el suyo.

De forma predeterminada, el título es grande. .navigationBarTitleDisplayMode(.inline) lo muestra pequeño, en el centro de la barra.

challenge icon

Desafío

Fácil

Envuelve la lista en un NavigationStack con el identificador nav y dale a la lista el título Recipes.

Pruébalo tú mismo

import SwiftUI

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

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Introducción a SwiftUI

Practica por tu cuenta: Playground de Swift