ブログ

// Todo項目一つ分を表すデータ構造
struct Task: Identifiable {
    let id = UUID() // ユニークなIDを自動で生成
    var title: String
}

struct ContentView: View {
    // 状態を管理する変数は後で追加します
    
    var body: some View {
        NavigationView {
            VStack {
                // タスク入力欄と追加ボタン
                HStack {
                    TextField("新しいタスクを入力", text: .constant(""))
                        .textFieldStyle(RoundedBorderTextFieldStyle())
                    Button(action: {
                        // ボタンが押された時の処理
                    }) {
                        Text("追加")
                    }
                }
                .padding()
                
                // タスク一覧を表示するリスト
                List {
                    // ここにタスクを並べる
                }
            }
            .navigationTitle("Todoリスト")
        }
    }
}

struct ContentView: View {
    // @Stateを付けることで、この変数が変更されるとUIが自動で更新される
    @State private var tasks = [Task]() // タスクの配列
    @State private var newTaskTitle = "" // 入力中のテキスト
    
    var body: some View {
        NavigationView {
            VStack {
                HStack {
                    TextField("新しいタスクを入力", text: $newTaskTitle) // $を付けてデータをバインディング
                        .textFieldStyle(RoundedBorderTextFieldStyle())
                    Button(action: {
                        // ボタンが押されたら新しいタスクを追加
                        let newTask = Task(title: newTaskTitle)
                        tasks.append(newTask)
                        newTaskTitle = "" // 入力欄をクリア
                    }) {
                        Text("追加")
                    }
                }
                .padding()
                
                List(tasks) { task in
                    Text(task.title)
                }
            }
            .navigationTitle("Todoリスト")
        }
    }
}