Flutter ToDo App Tutorial for Beginners
HTML-код
- Опубликовано: 2 июн 2024
- In this tutorial, you'll learn how to create a simple ToDo app in Flutter. In this app, I have shown you how to add and delete new to-do items and search for existing to-do items from the list.
Flutter Widgets Explained Series Playlist • Flutter Widget Explained
→ Create Tic-Tac-Toe Game from Scratch in Flutter • Build Tic Tac Toe Game...
→ Onboarding Screen UI Tutorial with PageView • Page Slider Carousel i...
→ Google Map in Flutter • Google Map in Flutter ...
→ Chat App UI in Flutter Tutorial • Chat App UI Tutorial i...
→ Weather App UI in Flutter Tutorial • Weather App UI Tutoria...
► Timestamps
0:00 Introduction
1:54 Discussing Project Structure
3:06 Creating Custom AppBar
6:55 Creating Search Bar
10:00 Creating To-Do Items by Using ListTile
19:06 Create Add ToDo Item Section Using Stack Widget
23:03 Functionality to Mark a ToDo Item as Done or not
25:24 Functionality to Delete a ToDo Item
26:54 Functionality to Add New ToDo to the App
29:24 Functionality to Search ToDo Items
GitHub Repo Link bit.ly/3zun2Hg
If you found my tutorials helpful, you can buy me a coffee from this link paypal.me/itzpradip
Follow me on Twitter / itzpradip
Follow me on GitHub github.com/itzpradip
Subscribe to my Channel bit.ly/2PaUqOk
For more tutorials on WordPress, React JS, React Native and Flutter visit: www.pradipdebnath.com/blog/
im japanese. So I am not proficient in English. But your video is very easy to understand! Thank you and I'll watch next.
thank you very much, this is my first Flutter app in my very first software engineer role as a Flutter developer. always will have a special place. :)
Thank you very much. I appreciate the act of including the link of source code in the description. This was my third learning app.
Straight, simple and sort. Thanks.
Thank you so much, my uni project finished. :D. Greetings from Brazil!
thanks very much i have build my first app with flutter.... following your tutorial .... im a first timer in coding and aside little pixel bugs that i fixed using stackoverflow.... the tutorial was really helpful..... i wish you can make a video on how to create functions ... i mean those functions that you set state for .... i know you would grab all i have said
Thank you Sir! It's truly a good tutorial for me, I learned a lot from you!
Awesome video! Real easy to follow and really start grasping the power behind Flutter!
Thanks. I successfully completed my first flutter application.
This was a simple but effective tutorial. Thank you.
You can also use the ‘leading’ and ‘actions’ property for the appbar instead of creating a row for it. Thank you very much for the video.
very true, it's more reliable. But great tutorial definitely.
Thankyou brother, i completed it in 2 days
Thank you so much Pradip, you've got a subscriber
Thank you @Pradip. this was a lovely tutorial.
Thank you!!! Great work✨
Thank you, man !! You're a very good person... Probably !
Very useful video. I learnt so much. Thank you!
Thanks bro. I am learning flutter, let me add storage now :) to have my personal todo app
Thank you! nice tutorial
Thank you so much for the tutorial
thsnk you !a paert of the Search function the tutorial is cool a bit fast for a biginer
Beautiful 😻
thank you 🙏
Thank you for this tutorial!
Really helped me a lot.
Could you clarify one issue? Even when all the elements used are Stateless Widgets, why didn't the content in displayed on the screen change on Hot Reload when I edited the content returned in the ToDo list?
I always had to Hot Restart to get the content on screen refreshed.
That's very nice, I hope you can integrate sqflite next project. Thank you. Keep it up.
hope you'll create some awesome Apps/projects also in the future just like that.
helpful💘
It was amazing thanks for the video 🎉
Awesome video!
Thanks ur way of teach is amazing
Very interesting project and insightful, keep it up
Thank you! Really useful. I think all ract-native developers have to know flutter and can create flutter applications. It isn’t harder then RN .
Totally agree! I'm glad it was helpful.
do you know RN?
thank you very much
Very amazing explaination dear. thank you
may you connect it with nodejs and mongodb?, i mean create a beginner tutorial on node and mongo please thanks...
Great work bro 👌
Thinks for your video❤
Thanks a lot 😊
Thanks you . This helps a lot for a complete beginner like me
Happy to help
Thanks, can You use flutter bloc pattern?
very awesome video sir. Very easily you have described all things.
Note: Please sir can you do it slowly for better understanding.
did you made that intro in blender or some 3d software?
Thankx sir❤
That's so nice.. Do you have tutorial same as that with sqlite.
Thank you
how do i save the state of the app even after the app is restarted because right now when the app is restated the values that we have changed in the list also restarts
thank you so much! flutter start with it!
What's your first choice.? Flutter or React native
how can we store them in sharedprefence if we romove app from background then the created new item also show when we reopen
Very nice video from Pakistan.
hello sir please help me out what method i used in to _todoedit ??
hello how can ı update the list item .or change name if ı write wrong
Good content
Thanks
Can you make an app which shows reservation form with date and time.
hi can you tell me how to add dark mode in it please
Very nice tutorial however naming can be bit better as it create lots of confusion. In the middle there is so much todo going on it gets little bit hard to follow.
Otherwise great effort mate:)
is it possible to use this code to create app and publish it ??
how do i use the wrap function?, I cant wrap my code.
Excelent project , but you should do that the button do not add the item if the textField is null. But is an excellent project!! :D
Absolutely
siris app k andr agr hum task add krty hain to vo app exit krny k baad delete ho jaty hain khud hi.
main chahti hon k yeh task andr available rhy list main aur app ko exit krny k baad delete na ho khud
plzzz reply
Can you please share the theme of the VS code
Nice job, but how do we incorporate a Firebase Database into the list as opposed to a static list pulled from the model? I have the app writing the items to a Firebase DB that I created, but I can't get the app to read that data. I know it's because of the static list from the model but can't figure out next steps.
did you solve this problem?
No, unfortunately I did not. I have experience incorporating FBDB into apps, but this one got me. @@ao24hd34
great video to the point and clear
which color theme is used here? answer plsss
Great Tutorial Brother. I have created as same as you shown in the tutorial and that was pretty much fun for me.
One more thing I want to say how can I store newly added item to a storage or something. Because whenever I will exit from my app this app will run from beginning. So that's the problem. Please let me know or suggest me any kind of video or reference to learn that.
BTW, Thanks for sharing this kind of tutorial❤❤❤❤
I think then you should add to this app local storage feature by writing Dart functionality code for it
have you work all of this with Database
sir can you build same app using backend laravel API
u da best
nice video sir..
good job
Where i can find source code for better understand the logic
What about the dashboard part and the profile part?
Hey I'm a windows user can you please tell me how to run this application
Nice sir
Is it a coincidence that you're using the same Cobalt2 theme by WesBos like me 😂
Sir please also make video on react native video
nice video
Please do a video for react native
Is it with firebase database
How To Add Shared Prefernces In this project?
great video.. but can you also show how to store the data on local storage :) new to this
Do you know how to store data
Great tutorial! But can you please remove the 'code helper'? I cant read what you type :D
in home page for icon in title why are u use the row instead of drawer
how to add edit option
i give "TextDecoration.lineThrough" but the result there is no linethrough
দাদা, react native এ আরেকটা প্রজেক্ট নিয়ে আসলে ভালো হয়।
i could not do the search function ....
Thanks you Bro, but what about when click on add button where text field is empry!!!!!!!!!!!!!!!!!!!
Yes bro Mee to
Yeaaaahh
Me too
Pls tell me if u fixed it and also i will tell you if i fixed it
Bro i fixed it
I write the textediting controler inside textfield of search bar but you have to write the controller inside the add item textfield
I hope It helped
add the edit bottom
15:00
please add stateManageMent
Sir you didn't show concept of storage 😢.
can u do one video on flutter CRUD operation with rest api .This i need urgently
15:35
Wow I am in Uganda and I wish you would send me your code and I follow up 😅
4:40
I get erorr
bruhhh is this really easy ?? looks like only i am dumb !! ..
i did't understand the final ,this. and all lol !!
I think I'll giving up on flutter soon. I'll still give it a few tries but:
NONE of the tutorials I find actually works in the newer versions of the software, not even the simplest things. Which is not that far apart. This is not a Python2 to Python3 difference and flutter isn't in beta anymore.
Also, a complaint about your video. You change the code from the default and then do not show the full extent of the changes you made. We need to see what you did to main.dart.
So, you let us guessing if what you put in the repo is at the exact state as what you're showing in the screen(which by my experience never is).
The code in the repo, btw, does not run in my machine. But I'm blaming that one on flutter, not on you. So much for portability.
Todo or not todo 🤔 todo it is 😂😊
todo todo todo todo stupid todo