Menu
Coddy logo textTech

To-Doリスト

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

challenge icon

チャレンジ

難しい

Todo構造体を使用してToDoリストを作成します:

  • プレースホルダーがNew task(識別子field)のTextFieldと、入力されたタイトルをtodos状態配列(空で開始)に追加し、フィールドをクリアするAddボタン
  • 各タスクにつき1つのToggleを持つList(識別子list)。各Toggleのタイトルはタスク名で、タスクのdoneにバインドされます
  • doneがtrueであるタスクを数え、1 of 2 doneと表示するテキスト(識別子progress

自分で試してみよう

import SwiftUI

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

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

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