Menu
CoddyTech

待办事项列表

本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 49 课,共 50 课。

challenge icon

挑战

困难

使用 Todo 结构体创建一个待办事项列表:

  • 添加一个占位文本为 New task(标识符为 field)的 TextField,以及一个 Add 按钮。点击按钮后,将标题为输入内容的 Todo 添加到初始为空的 todos 状态数组中,并清空输入框。
  • 添加一个 List(标识符为 list),每个任务对应一个 Toggle,标题为任务名称,并绑定到任务的 done 属性。
  • 添加一段文本(标识符为 progress),显示 1 of 2 done,用于统计 done 为 true 的任务数量。

亲手试试

import SwiftUI

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

SwiftUI 入门中的所有课

自己练习: SwiftUI 在线编辑器