Ôn tập: hướng dẫn cây trồng

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

Thử thách

Trung bình

Tạo một hướng dẫn chăm sóc cây. ContentView hiển thị một NavigationStack (định danh nav) với một List có tiêu đề Plants, mỗi cây có một NavigationLink mang tên cây làm tiêu đề. Mỗi liên kết mở PlantDetail cho cây đó, trong đó:

dùng tên cây làm tiêu đề
hiển thị Water every 7 days trong một văn bản có định danh water (lấy từ waterDays)
có nút Watered hiển thị cảnh báo có tiêu đề Nice work! cùng một nút OK

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

SwiftUI là gì Tệp ứng dụng

4Bộ điều chỉnh

Khoảng đệm Nền Thứ tự bộ điều chỉnh Khung và hình dạng Ôn tập: Tạo huy hiệu

7Danh sách

ForEach Các phần tử có thể định danh Danh sách Thêm phần tử Ôn tập: danh sách mua sắm

10Dự án: Coddy Coffee

Tổng quan dự án Màn hình đồ uống

Chọn kích cỡ

Số lượng và tổng tiền

Đặt hàng

2Hiển thị nội dung

Chế độ xem văn bản Số trong văn bản Phông chữ Màu sắc Biểu tượng SF Ôn tập: Thẻ giá

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

Các nút Thuộc tính @State Trạng thái đúng hoặc sai Giao diện có điều kiện Ôn tập: Bộ đếm điểm

8Điều hướng

NavigationStack NavigationLink Truyền dữ liệu Sheet và cảnh báoÔn tập: hướng dẫn cây trồng

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

Máy tính tiền tip Danh sách việc cần làm Trò chơi đúng hay sai

3Stack và bố cục

VStack HStack Căn chỉnh và khoảng cách Spacer và ZStack Ôn tập: thẻ thời tiết

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

Trường văn bản Công tắc Bộ tăng giảm và thanh trượt Bộ chọn Ôn tập: biểu mẫu đặt hàng

9Chia sẻ dữ liệu

Thuộc tính @Binding Đối tượng có thể quan sát Đối tượng môi trường Ôn tập: bộ đếm bước chân

Tự luyện tập: Playground SwiftUI