Challenge: A Typical To-Do List Application

Test yourself and implement what you have learned so far in this challenge.

Problem statement

Take inputs from text fields and add them to our to-do list. Although it is relatively simple, it will help you to learn more about Flutter layouts and state management. In this challenge, you’ll also learn how to add new items to a list and reflect them on the screen.

You can use Stateful widgets to complete this task. Skeleton code is provided to get you started. You may omit or change the skeleton code as you see fit.

Before you check the solution, please try it on your own.

Expected output

The following image is a sample output. Your app’s output can be slightly different based on your approach, but it should satisfy the entire problem statement.

Get hands-on with 1200+ tech skills courses.