Menu
CoddyTech

Các nút

Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 19 trên 50.

Button hiển thị nhãn và chạy một hành động khi được nhấn. Dạng ngắn nhất nhận một tiêu đề và một closure:

Button("Sign in") {
    // chạy khi bạn nhấn vào nút
}

Để tạo nhãn tùy chỉnh, hãy truyền hành động trước, sau đó tạo nhãn trong một closure thứ hai:

Button {
    // hành động
} label: {
    Label("Add to cart", systemImage: "cart")
}

.buttonStyle(.borderedProminent) tạo nút có nền màu, còn role: .destructive đánh dấu một hành động xóa nội dung nào đó, khiến nút hiển thị màu đỏ:

Button("Delete", role: .destructive) {
    // xóa
}
challenge icon

Thử thách

Người mới

Thay văn bản bằng một Button có tiêu đề Order coffee. Tạm thời, bạn có thể để trống hành động của nút. Đặt kiểu nút là .borderedProminent.

Tự làm thử

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconTự kiểm tra

Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.

Tất cả bài học trong Giới thiệu về SwiftUI

Tự luyện tập: Playground SwiftUI