Menu
Coddy logo textTech

ドリンク画面

CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 44/50。

challenge icon

チャレンジ

簡単

前のステップのメニューを保持します。次に、すべての行をそれぞれのドリンクの画面を開くようにします。

  1. let drink: Drinkプロパティを持つOrderViewビューを追加します。VStack(spacing: 16)内で、ドリンクの価格を小数点以下2桁で.titleフォント(識別子price)を使って表示し、ドリンクの名前をタイトルとして使用します。
  2. 各行のHStackを、遷移先がOrderView(drink: drink)であるNavigationLinkでラップします。

自分で試してみよう

import SwiftUI

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

SwiftUI入門のすべてのレッスン

自分で練習してみよう: Swiftプレイグラウンド