Search⌘ K
AI Features
Home
Courses
Build and Publish Your First Mobile App Using Flutter

Create a Todo Widget

Explore how to create a Todo widget in Flutter that combines form input and validation with calendar-based task selection. Understand managing task creation, displaying notifications, and handling user interactions within a responsive UI. This lesson teaches integrating form keys, local notifications, and multi-widget state management for a functional task manager.

We'll cover the following...

Since we’re developing an app to create todo items, we have to provide an action form so that users can create their tasks. The CreateTodo class will just do that. It will be a combination of the Form widget and will switch to capture the title and isReminder property of the Todo model.

Code

Let’s look at the code below:

<?xml version="1.0" encoding="UTF-8"?>
<Workspace
   version = "1.0">
   <FileRef
      location = "group:Runner.xcodeproj">
   </FileRef>
</Workspace>
Todo screen with CreateTodo button

This is a Flutter widget that displays a screen for managing a list of todo tasks. The TodoScreen class is a StatefulWidget that contains a Calendar widget and a list view of todo tasks. The Calendar widget allows the user to select a day and view ...