Colores
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 6 de 50.
.foregroundStyle aplica color al contenido de una vista, como las letras de un Text:
Text("Warning")
.foregroundStyle(.red)SwiftUI tiene colores con nombre: .red, .orange, .yellow, .green, .blue, .purple, .gray y más. .secondary es el gris más suave que se usa para el texto menos importante.
El código más antiguo usa .foregroundColor(.red), que hace lo mismo para un solo color. También puedes combinar un color a partir de componentes rojo, verde y azul entre 0 y 1:
Text("Custom")
.foregroundStyle(Color(red: 0.2, green: 0.6, blue: 0.9))
Desafío
PrincipianteMuestra que el café está abierto: haz que el texto sea verde y asígnale la fuente .headline.
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