HStack

Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 10 из 50.

HStack располагает представления слева направо:

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

Стеки можно вкладывать друг в друга. Распространённый вариант компоновки — VStack из строк, где каждая строка представляет собой HStack:

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

Задание

Легко

Создай строку с погодой: HStack с символом cloud.sun.fill, за которым следует текст Partly cloudy.

Попробуйте сами

import SwiftUI

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

Проверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Введение в SwiftUI

1Введение

4Модификаторы

7Списки

10Проект — Coddy Coffee

2Отображение содержимого

5Состояние и кнопки

8Навигация

11Финальные задания

3Стеки и компоновка

6Ввод данных пользователем

9Обмен данными

Потренируйтесь самостоятельно: Песочница Swift