Build a To-do List App from scratch using Flutter and GetX | UI + State Management + Storage

Описание к видео Build a To-do List App from scratch using Flutter and GetX | UI + State Management + Storage

Hi! In the last video about GetX State Management, some people have requested a more detailed tutorial using GetX in a real project. So, I decided to make a small project, a to-do list app, to apply in a real-world scenario some of the main features of Get package.

With this project you will learn how to:

1. Create and set up a Flutter project environment to work with Get package;
2. Draw two screens using Flutter standard widgets;
3. Navigate between screens using Get navigation features;
3. Manage the state of the application using the simplicity of the GetXController;
4. Make the UI reactive in a very efficient way, rebuilding only the necessary widgets and not the entire screen;
5. Create and manage snackbars with just one line of code with Get built-in functions;
6. Implement a undo function triggered by a button inside the snackbar;
7. Use a GetX worker to listen to state changes;
8. Store the to-do list inside non-volatile memory, keeping the data available even if the app is closed.

0:00 Intro
0:34 Creating a new Flutter project
1:30 Creating project's directory structure
2:20 Importing Get as project's dependency in pubspec.yaml
3:06 Code clean up
3:28 Creating the To-Do model class
4:40 Creating the GetX Controller
6:20 Creating the to-do add screen
11:47 Creating the home screen
13:12 Creating a new instance of GetX Controller for Home Screen
15:18 Styling text for tasks marked as done
17:07 Marking tasks as done with a checkbox
18:25 Navigating between screens with Get.to and Get.back
20:18 Retrieving the GetX controller inside TodoScreen
21:11 Creating the add function
23:36 Creating the edit function
30:05 Making the ToDo class' objects serializable
32:58 Making the to-do list persistent with get_storage
37:11 Deleting tasks by swiping them right
38:40 Showing a simple snackbar
39:19 The undo function
41:28 Conclusion

Download the source code of this project from GitHub: https://github.com/carnevalli/getx_to...

Комментарии

Информация по комментариям в разработке