음료 화면

Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 44번째.

챌린지

쉬움

이전 단계의 메뉴를 유지하세요. 이제 모든 행을 해당 음료의 화면으로 열리도록 만드세요:

let drink: Drink 속성을 포함하는 OrderView 뷰를 추가하세요. 이 뷰는 VStack(spacing: 16) 안에서 음료의 가격을 소수점 이하 두 자리로 .title 글꼴로 표시하며(식별자 price), 음료의 이름을 제목으로 사용합니다.
각 행의 HStack을 대상이 OrderView(drink: drink)인 NavigationLink로 감싸세요.

직접 해보기

import SwiftUI

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

SwiftUI 입문의 모든 레슨

1소개

4수식어

7리스트

10프로젝트 - Coddy Coffee

프로젝트 개요음료 화면 프로젝트 레슨

2콘텐츠 표시하기

5상태와 버튼

8내비게이션

11최종 도전 과제

3스택 및 레이아웃

6사용자 입력

9데이터 공유

직접 연습해 보세요: Swift 플레이그라운드