Menu
Coddy logo textTech

Выравнивание и интервалы

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

VStack центрирует свои представления и оставляет между ними небольшой промежуток по умолчанию. Оба параметра можно изменить при создании стека:

VStack(alignment: .leading, spacing: 12) {
    Text("Order #42")
        .font(.headline)
    Text("2 coffees")
    Text("Ready at 10:30")
}

alignment: .leading выравнивает представления по левому краю (.trailing — это правый край). spacing: 12 задаёт расстояние в 12 пунктов между каждой парой представлений.

HStack, наоборот, выравнивает по вертикали: .top, .center или .bottom:

HStack(alignment: .top, spacing: 20) {
    Text("Left")
    Text("Right")
}
challenge icon

Задание

Легко

Сделайте так, чтобы чек выглядел как список: установите выравнивание VStack в значение .leading, а интервал — в значение 12.

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

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconПроверьте себя

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

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

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