Spacer e ZStack
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 12 de 50.
Um Spacer ocupa todo o espaço livre em uma pilha. Em um HStack, ele empurra as views anteriores para a esquerda e as views posteriores para a direita:
HStack {
Text("Total")
Spacer()
Text("$12.50")
}Em um VStack, um Spacer afasta as visualizações verticalmente.
ZStack empilha as visualizações umas sobre as outras. A primeira visualização fica atrás, e cada uma das seguintes fica por cima:
ZStack {
Color.blue
Text("On top")
.foregroundStyle(.white)
}Color.blue, usado como uma visualização, preenche todo o espaço que recebe, então aqui ele se torna um plano de fundo azul atrás do texto.
Desafio
FácilFaça a linha do total ocupar toda a largura: adicione um Spacer entre Total e $12.50 para que o preço seja empurrado até a borda direita.
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 SwiftUI