Menu
Coddy logo textTech

NavigationLink

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

Un NavigationLink es una fila o un botón que muestra una nueva pantalla al tocarlo. Necesita un título y una vista de destino:

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

Al tocar la fila, el destino se desliza y establece su propio título. Después, la barra muestra un botón de retroceso con el nombre de la pantalla anterior, Recipes, que vuelve a la lista. Dentro de una List, una fila de enlace muestra un chevrón a la derecha.

El destino puede ser cualquier vista, incluidas tus propias estructuras de vista.

challenge icon

Desafío

Fácil

Convierte la fila Pancakes en un NavigationLink. Su destino es un texto Mix flour, eggs and milk con el identificador steps, y el título del destino es Pancakes.

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