Menu
Coddy logo textTech

Кнопки

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

Button отображает метку и выполняет действие при нажатии. Самая короткая форма принимает заголовок и замыкание:

Button("Sign in") {
    // выполняется при нажатии на кнопку
}

Для пользовательской метки сначала передайте действие, а затем создайте метку во второй замыкающей конструкции:

Button {
    // действие
} label: {
    Label("Add to cart", systemImage: "cart")
}

.buttonStyle(.borderedProminent) создаёт залитую кнопку, а role: .destructive обозначает действие, которое удаляет что-либо, поэтому кнопка отображается красным цветом:

Button("Delete", role: .destructive) {
    // удалить
}
challenge icon

Задание

Новичок

Замените текст на Button с заголовком Order coffee. Пока его действие может оставаться пустым. Задайте ему стиль кнопки .borderedProminent.

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

import SwiftUI

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

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

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

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