List

struct ContentView: View {
    var taskData = ["ジョギング", "水やり", "掃除", "読書"]

    var body: some View {
        NavigationStack {
            List(0..<taskData.count, id: \.self) { index in
                Button {
                } label: {
                    HStack {
                        Image(systemName: "circle")
                        Text(taskData[index])
                    }
                }
                .foregroundColor(.black)
            }
            .navigationTitle("ToDoリスト")
        }
    }
}

struct ContentView: View {
    @State var taskData = [(title: "ジョギング", completed: false),
                           (title: "水やり", completed: false),
                           (title: "掃除", completed: false),
                           (title: "読書", completed: false)]

    var body: some View {
        NavigationStack {
            List(0..<taskData.count, id: \.self) { index in
                Button {
                    taskData[index].completed.toggle()  ※1
                } label: {
                    HStack {
                        Image(systemName: taskData[index].completed == true ? "checkmark.circle.fill" : "circle")
                        Text(taskData[index].title)
                    }
                }
                .foregroundColor(.black)
            }
            .navigationTitle("ToDoリスト")
        }
    }
}