NavigationStack
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 34 de 50.
Um NavigationStack fornece a uma tela uma barra de navegação e permite que ela empilhe outras telas por cima. Envolva o conteúdo da tela nele e dê um título ao conteúdo:
NavigationStack {
List {
Text("Inbox")
Text("Sent")
}
.navigationTitle("Mail")
}Observe onde .navigationTitle fica: no conteúdo dentro da pilha, não na própria NavigationStack. A pilha lê o título da tela que está exibindo, portanto cada tela pode definir o seu próprio.
Por padrão, o título é grande. .navigationBarTitleDisplayMode(.inline) o exibe pequeno, no meio da barra.
Desafio
FácilEnvolva a lista em um NavigationStack com o identificador nav e dê à lista o título Recipes.
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