피커
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 27번째.
Picker는 옵션 목록에서 하나의 값을 선택합니다. 각 옵션은 .tag가 있는 뷰이며, 선택한 옵션의 태그가 바인딩된 상태에 기록됩니다:
@State private var size = "Medium"
Picker("Size", selection: $size) {
Text("Small").tag("Small")
Text("Medium").tag("Medium")
Text("Large").tag("Large")
}태그는 상태와 동일한 유형이어야 하며, 여기서는 String입니다. .pickerStyle(.segmented)는 옵션을 세그먼트 행으로 표시합니다:
Picker("Size", selection: $size) {
Text("S").tag("Small")
Text("L").tag("Large")
}
.pickerStyle(.segmented)
챌린지
쉬움제목이 Milk이고 milk에 바인딩되며 식별자가 milk인 Picker를 추가하고, Whole, Oat, Soy라는 세 가지 옵션을 각각 해당 이름으로 태그하세요. 선택 항목을 표시하는 아래 텍스트는 그대로 유지하세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드