항목 추가하기
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 32번째.
@State에 항목을 유지하면 배열이 변경될 때마다 목록이 업데이트됩니다. 항목을 추가하려면 텍스트 필드와 버튼이면 충분합니다:
@State private var items = ["Milk"]
@State private var newItem = ""
var body: some View {
VStack {
TextField("New item", text: $newItem)
Button("Add") {
items.append(newItem)
newItem = ""
}
List(items, id: \.self) { item in
Text(item)
}
}
}items.append(newItem)은 입력한 텍스트를 배열에 추가하고, newItem = ""은 다음 항목을 위해 필드를 지웁니다. items는 상태이므로 목록에 새 행이 바로 표시됩니다.
필드가 비어 있는 동안 버튼을 비활성화할 수 있습니다: .disabled(newItem.isEmpty).
챌린지
중급Add 버튼이 작동하도록 만드세요. newItem을 items에 추가한 다음 필드를 비우세요. 목록에는 이미 items가 표시됩니다.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드