饮品界面
本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 44 课,共 50 课。
挑战
简单保留上一步的菜单。现在,让每一行都能打开对应饮品的页面:
- 添加一个视图
OrderView,其中包含属性let drink: Drink。在VStack(spacing: 16)中,以.title字体显示饮品价格,保留两位小数(标识符为price),并将饮品名称用作标题。 - 将每一行的
HStack包装在一个NavigationLink中,目标页面为OrderView(drink: drink)。
亲手试试
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}SwiftUI 入门中的所有课
自己练习: SwiftUI 在线编辑器