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 em que é chamado e retorna uma nova visualização. Portanto, a ordem importa: um modificador atua 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, em seguida, o plano de fundo cobre a área preenchida: a área laranja é grande. Para B, o plano de fundo cobre apenas o texto e o preenchimento é adicionado do lado de fora, como 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 construída pelas linhas acima dela.
Desafio
FácilA área laranja tem apenas o 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 SwiftUI