NavigationLink
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 35 de 50.
Um NavigationLink é uma linha ou botão que empurra uma nova tela quando tocado. Ele precisa de um título e de uma view de destino:
NavigationStack {
List {
NavigationLink("Pancakes") {
Text("Mix flour, eggs and milk")
.navigationTitle("Pancakes")
}
}
.navigationTitle("Recipes")
}Tocar na linha desliza a tela de destino, que define seu próprio título. A barra então mostra um botão de voltar nomeado de acordo com a tela anterior, Recipes, que retorna à lista. Dentro de uma List, uma linha de link exibe um chevron à direita.
O destino pode ser qualquer view, incluindo suas próprias structs de view.
Desafio
FácilTransforme a linha Pancakes em um NavigationLink. Seu destino é um texto Mix flour, eggs and milk com o identificador steps, e o título do destino é Pancakes.
Experimente você mesmo
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Introdução ao SwiftUI
4Modificadores
PreenchimentoPlanos de fundoOrdem dos modificadoresMolduras e formasRecapitulação - Criador de distintivos10Projeto - Coddy Coffee
Visão geral do projetoTelas de bebidas
Escolha um tamanhoQuantidade e totalFazer o pedido5Estado e Botões
BotõesA Propriedade @StateEstado Verdadeiro ou FalsoViews CondicionaisRecapitulação - Marcador de Pontos8Navegação
NavigationStackNavigationLinkPassando DadosSheets e AlertasRecapitulação - Guia de PlantasPratique por conta própria: Playground de Swift