SF Symbols
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 7 de 50.
Apple incluye miles de iconos llamados SF Symbols. Muestra uno con Image(systemName:) y su nombre:
Image(systemName: "heart.fill")
.font(.largeTitle)
.foregroundStyle(.red)Un símbolo se comporta como texto: .font establece su tamaño y .foregroundStyle, su color. Los nombres que terminan en .fill son las versiones rellenas, como star y star.fill.
Un Label coloca un icono y un título uno al lado del otro:
Label("Settings", systemImage: "gear")
Desafío
FácilReemplaza el texto con un Label titulado Favorites que muestre el símbolo star.fill.
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