HStack

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

HStack organiza as visualizações da esquerda para a direita:

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

As pilhas podem ser aninhadas. Um layout comum é uma VStack de linhas, em que cada linha é uma HStack:

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

Desafio

Fácil

Crie uma linha de clima: um HStack com o símbolo cloud.sun.fill seguido pelo texto Partly cloudy.

Experimente você mesmo

import SwiftUI

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

Teste 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

1Introdução

4Modificadores

7Listas

10Projeto - Coddy Coffee

2Exibindo conteúdo

5Estado e Botões

8Navegação

11Desafios Finais

3Stacks e Layout

6Entrada do Usuário

9Compartilhando Dados

Pratique por conta própria: Playground de Swift