VStack
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 9 de 50.
Um corpo retorna uma única visualização. Para mostrar várias, coloque-as em uma pilha. VStack organiza suas visualizações de cima para baixo:
VStack {
Text("Coddy Cafe")
.font(.title)
Text("Open 8:00 to 18:00")
}As visualizações ficam dentro das chaves, uma por linha, na ordem em que aparecem na tela. Cada uma pode ter seus próprios modificadores.
Uma stack também é uma view, então você pode estilizar a própria stack. Um modificador aplicado à stack afeta as views internas que não definem o próprio modificador:
VStack {
Text("Coffee")
Text("Tea")
}
.font(.headline)
Desafio
InicianteMostre um cartão de contato: um VStack com dois textos, Ada Lovelace no topo e Engineer abaixo dele. Dê ao nome a fonte .title.
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 PontosPratique por conta própria: Playground de Swift