task_list_page.dart

import 'package:flutter/material.dart';
import 'package:view_model/view_model.dart';
import 'package:view_model_tasks/task.dart';
import 'package:view_model_tasks/task_list_view_model.dart';

class TaskListPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ViewModelBuilder<TaskListViewModel>(
      viewModel: () => TaskListViewModel(),
      builder: (BuildContext context, TaskListViewModel viewModel) {
        return Scaffold(
          appBar: AppBar(
            title: const Text('Task List'),
          ),
          body: _buildBody(viewModel),
        );
      },
    );
  }

  Widget _buildBody(TaskListViewModel viewModel) {
    return StatefulBuilder(
      builder: (BuildContext context, StateSetter setState) {
        return ListView.builder(
          padding: const EdgeInsets.symmetric(vertical: 8),
          itemCount: viewModel.tasks.length,
          itemBuilder: (BuildContext context, int index) {
            final Task task = viewModel.tasks[index];
            return ListTile(
              title: Text(task.name),
              leading: Checkbox(
                value: task.isComplete,
                onChanged: (bool value) {
                  setState(() {
                    viewModel.tasks[index] = task.copyWith(isComplete: value);
                  });
                },
              ),
            );
          },
        );
      },
    );
  }
}