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 eso, el orden importa: un modificador actúa sobre todo lo que han producido los modificadores anteriores.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()Para A, el relleno se añade primero y después el fondo cubre la vista con relleno: el área naranja es grande. Para B, el fondo cubre solo el texto y el relleno se añade por fuera, como espacio transparente 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 anteriores.
Desafío
FácilEl área naranja solo tiene el tamaño del texto, y el relleno queda fuera. 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 SwiftUI