Fondos
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 15 de 50.
.background dibuja un color detrás de una vista. Cubre el área de la vista, por lo que el relleno hace que el área coloreada sea más grande que el texto:
Text("New")
.padding()
.background(.red)
.foregroundStyle(.white)Para redondear las esquinas del área coloreada, recórtala con una forma usando .clipShape. RoundedRectangle(cornerRadius: 8) crea esquinas redondeadas, mientras que Capsule() redondea completamente los extremos:
Text("Tag")
.padding(8)
.background(.blue)
.clipShape(RoundedRectangle(cornerRadius: 8))
Desafío
FácilConvierte el texto en una insignia: añade el relleno estándar, un fondo rojo y letras blancas.
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