Màn hình đồ uống

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

Thử thách

Dễ

Giữ menu từ bước trước. Bây giờ, hãy để mỗi hàng mở màn hình cho đồ uống tương ứng:

Thêm chế độ xem OrderView với thuộc tính let drink: Drink. Chế độ xem hiển thị giá của đồ uống với hai chữ số thập phân bằng phông chữ .title (định danh price) bên trong VStack(spacing: 16), đồng thời dùng tên đồ uống làm tiêu đề.
Bọc HStack của mỗi hàng trong một NavigationLink có điểm đến là OrderView(drink: drink).

Tự làm thử

import SwiftUI

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

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

1Giới thiệu

4Bộ điều chỉnh

7Danh sách

10Dự án: Coddy Coffee

Tổng quan dự ánMàn hình đồ uống Bài học dự án

2Hiển thị nội dung

5Trạng thái và nút

8Điều hướng

11Thử thách cuối cùng

3Stack và bố cục

6Nhập dữ liệu người dùng

9Chia sẻ dữ liệu

Tự luyện tập: Playground SwiftUI