Menu
CoddyTech

饮品界面

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

challenge icon

挑战

简单

保留上一步的菜单。现在,让每一行都能打开对应饮品的页面:

  1. 添加一个视图 OrderView,其中包含属性 let drink: Drink。在 VStack(spacing: 16) 中,以 .title 字体显示饮品价格,保留两位小数(标识符为 price),并将饮品名称用作标题。
  2. 将每一行的 HStack 包装在一个 NavigationLink 中,目标页面为 OrderView(drink: drink)。

亲手试试

import SwiftUI

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

SwiftUI 入门中的所有课

自己练习: SwiftUI 在线编辑器