Menu
CoddyTech

回顾:购物清单

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

challenge icon

挑战

中等

在 VStack 中构建一个购物列表:

  • 一个占位文本为 Item、标识符为 field 的 TextField
  • 一个 Add 按钮,用于将输入的文本追加到初始为空的 items 状态数组中,并清空输入框;输入框为空时,该按钮处于禁用状态
  • 一个标识符为 count 的文本,内容依次为 0 items、1 items、2 items……
  • 一个标识符为 list、用于显示这些项目的 List

亲手试试

import SwiftUI

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

SwiftUI 入门中的所有课

自己练习: SwiftUI 在线编辑器