Orden de modificadores
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 16 de 50.
Cada modificador envuelve la vista sobre la que se llama y devuelve una vista nueva. Por lo tanto, el orden importa: un modificador funciona sobre todo lo que produjeron los modificadores anteriores.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()Para A, el relleno se añade primero y el fondo después cubre la vista con relleno: el área naranja es grande. Para B, el fondo cubre solo el texto y el relleno se añade fuera de este, como espacio despejado alrededor de un área naranja pequeña.
Lee una cadena de modificadores de arriba abajo: cada línea cambia la vista creada por las líneas que están encima.
Desafío
FácilEl área naranja solo tiene el tamaño del texto, y el relleno queda fuera de ella. Reordena los modificadores para que el fondo naranja también cubra el relleno.
Pruébalo tú mismo
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Introducción a SwiftUI
2Mostrar contenido
Vistas de textoNúmeros en el textoFuentesColoresSF SymbolsRepaso: etiqueta de precioPractica por tu cuenta: Playground de Swift