Tutorial: Building a Simple Todo List UI

[Peter Friese]

1. Simple data model (title, completion state)
2. Define some mock data in an extension to the data model
3. Displaying a list of todos
   1. Create a simple list, show todo items from a local array
4. Completion toggle
   1. Implement using onTapGesture on the Image
5. Adding new todos
   1. Simple dialog for adding new todos / editing existing one (no inline editing yet, that’s for later)
   2. Add new items to the local array

Summary

• We’ve built a simple todo list app that stores everything in-memory
• Although it’s pretty simple, the code looks quite complex, so we will refactor it in the next step