Ôn tập: bộ đếm bước chân

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

Thử thách

Khó

Xây dựng bộ đếm bước chân với dữ liệu dùng chung:

một lớp (class) Activity là một ObservableObject, có steps với @Published bắt đầu từ 0 và một phương thức (method) walk() cộng thêm 500
một khung nhìn GoalView đọc activity bằng @EnvironmentObject và hiển thị Goal reached! (định danh goal) khi steps đạt 1000 trở lên, còn trước đó hiển thị Keep going (cùng định danh)
ContentView tạo activity bằng @StateObject và hiển thị văn bản Steps: 0, ... (định danh steps), một nút Walk gọi walk() và GoalView(), đồng thời cung cấp activity cho VStack thông qua .environmentObject

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

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