項目の追加
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 32/50。
@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プレイグラウンド