HStack

Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 10 de 50.

HStack organiza las vistas de izquierda a derecha:

HStack {
    Image(systemName: "sun.max.fill")
        .foregroundStyle(.yellow)
    Text("Sunny")
}

Las pilas pueden anidarse. Un diseño común es una VStack de filas, donde cada fila es una HStack:

VStack {
    HStack {
        Text("Coffee")
        Text("$3")
    }
    HStack {
        Text("Tea")
        Text("$2")
    }
}

Desafío

Fácil

Crea una fila del tiempo: un HStack con el símbolo cloud.sun.fill seguido del texto Partly cloudy.

Pruébalo tú mismo

import SwiftUI

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

Ponte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Introducción a SwiftUI

1Introducción

4Modificadores

7Listas

10Proyecto - Coddy Coffee

2Mostrar contenido

5Estado y botones

8Navegación

11Desafíos finales

3Pilas y diseño

6Entrada del usuario

9Compartir datos

Practica por tu cuenta: Playground de Swift