Ordem dos modificadores
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 16 de 50.
Cada modificador envolve a visualização sobre a qual é chamado e retorna uma nova visualização. Portanto, a ordem importa: um modificador funciona sobre tudo o que os modificadores anteriores produziram.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()Para A, o preenchimento é adicionado primeiro e o plano de fundo então cobre a área preenchida: a área laranja é grande. Para B, o plano de fundo cobre apenas o texto e o preenchimento é adicionado externamente, como um espaço transparente ao redor de uma pequena área laranja.
Leia uma cadeia de modificadores de cima para baixo: cada linha altera a visualização criada pelas linhas acima dela.
Desafio
FácilA área laranja é apenas do tamanho do texto, e o preenchimento fica do lado de fora dela. Reordene os modificadores para que o fundo laranja também cubra o preenchimento.
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