"<p>In this video we are going to work on a new task in our Flutter To Do Application.<br /> The task is : Create our List Task Interface.</p> <p>Here you can find a code snippet to create a similar view that we created in our tutorial: </p> <pre> <code>import 'package:provider/provider.dart'; import 'package:todo/provider/TaskModel.dart'; import 'package:flutter/material.dart'; class ListTasksView extends StatelessWidget { const ListTasksView({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Consumer<TaskModel>( builder: (context, model, child) { return ListView.builder( itemCount:model.todoTasks.length, itemBuilder: (BuildContext context, int index) { return Padding( padding: const EdgeInsets.symmetric(vertical: 4.0), child: Container( decoration: BoxDecoration( color: Color(0xFFE2E2E2), border: Border.all( color: Color(0xFFE2E2E2), ), borderRadius: BorderRadius.circular(10) ), child: CheckboxListTile( title: Text(model.todoTasks[index].title), subtitle: Text(model.todoTasks[index].deadline.toString()), value: model.todoTasks[index].status, onChanged: (bool? value) { model.markAsDone(index); print(model.todoTasks[index].status); }, controlAffinity: ListTileControlAffinity.leading, ), ), ); }, ); } ); } }</code></pre>"