プロジェクト概要
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 43/50。
このプロジェクトでは、レッスンごとに1ステップずつ、小さな注文アプリCoddy Coffeeを構築します。最後には次の要素が備わります：
- 価格付きのドリンクメニュー
- 各ドリンクの画面
- サイズ選択
- 数量ステッパーと注文の合計
- 注文を確定するボタン
各ステップは前のステップのコードから始まるため、あなたが記述したものと、タスクで指定されている識別子をすべて残しておいてください。ドリンクは構造体です。
struct Drink: Identifiable {
let id = UUID()
let name: String
let price: Double
}このステップではメニューを作成します。Listを含むNavigationStackを使い、ドリンクごとに1行ずつ配置し、左側に名前、右側に価格を表示します。
チャレンジ
簡単メニュー画面を作成します。NavigationStack内に、Coddy CoffeeというタイトルのdrinksのListを表示します。各行は、ドリンクの名前、Spacer、小数点以下2桁で表示した価格（$2.50など）を含むHStackです。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド