Menu
Coddy logo textTech

Cores

Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 6 de 50.

.foregroundStyle coloreia o conteúdo de uma view, como as letras de um Text:

Text("Warning")
    .foregroundStyle(.red)

SwiftUI tem cores nomeadas: .red, .orange, .yellow, .green, .blue, .purple, .gray e outras. .secondary é o cinza mais suave usado para textos menos importantes.

Código mais antigo usa .foregroundColor(.red), que faz o mesmo para uma única cor. Você também pode combinar uma cor a partir de componentes vermelho, verde e azul entre 0 e 1:

Text("Custom")
    .foregroundStyle(Color(red: 0.2, green: 0.6, blue: 0.9))
challenge icon

Desafio

Iniciante

Mostre que o café está aberto: deixe o texto verde e aplique a fonte .headline.

Experimente você mesmo

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconTeste seus conhecimentos

Esta 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

Pratique por conta própria: Playground de Swift