Flutter Firebase CRUD (Create, Read, Update, Delete)
ฝัง
- เผยแพร่เมื่อ 12 ก.ค. 2024
- How to use all Firebase CRUD operations for the Flutter Firestore database to write data, read data, update data and delete data from the Firestore Cloud Database.
Click here to Subscribe to Johannes Milke: th-cam.com/users/JohannesMilke...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Source Code | github.com/JohannesMilke/fire...
My Courses | heyflutter.com
Follow Newsletter | johannesmilke.com/#/newsletter
SUBSCRIBE HERE
bit.ly/JohannesMilke
SUPPORT & SPONSOR ME
github.com/sponsors/JohannesM...
TIMELINE
0:00 Firebase CRUD Setup
2:33 Write Data (Firestore CRUD)
7:29 Read Data (Firestore CRUD)
13:06 Update Data / Delete Data (Firestore CRUD)
SOCIAL MEDIA: Follow Us :-)
Twitter | / heyflutter_
Linkedin | / heyflutter
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-) - วิทยาศาสตร์และเทคโนโลยี
👉Join 12 Week Flutter Training: heyflutter.com
👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f
Source Code: github.com/JohannesMilke/firebase_crud
I was skeptical at first seeing just how short the video is but you proved me wrong, this is a really great vid. Simple, short, to the point, no stutter on your voice, very professional. Thanks a lot.
Glad to hear that, Thank you Jun! 😊
I cannot explain just how helpful this video was to me. Thank you so much
You’re most welcome, Prize! 🙂
I am glad to have found our channel. Very good explanation and code of everything.
Thanks.
Glad to hear that, Thank you Thomas Schroeder! 😊
I have watched all these request videos that you uploaded in chunks or individual, still i watched the video for making it clear i didn't miss any thing..
Old Subscriber❤👍
this is the best channel for flutter I have ever met🥰😍
Thank you so much for your tutorials. Irreplaceable!!
Great tutorial! I have a video idea for you: Flutter how to center Textfield on screen after the user taps on it? When we usually tap a TextField, it will be positioned a little above the keyboard but we do not want that if we want a better UX
Wow, very very good content here ! I'm trying firebase for the first time so i'm still confused on the relation between data (how to only target the documents of a specific user for exemple). But this was not the point of this video ! For the basic implementation of the CRUD with flutter and firebase, this is exactly was I was looking for !! Great Job ! Many thanks
Glad to hear that, Thank you Victor Mth! 😊
Your content give me more idea and ability to create a great app. Thankfully.
Now I'm a huge fan of yours, you're a Flutter avenger, literally!
Glad to hear that, Thank you I Flutter You! 😊
The best tutorial I've ever found! Huge respect! Hello from Kharkiv, Ukraine!
Glad it helped, Dmytro Skurikhin! 🙂
Hope everything is good bro!
Really good video, shot and informative. Hi, from Mykolayiv, Ukraine
Thanks for the to the point video. I was able to execute the project without exception with your help.
Glad I could be of help, Thank you ruchir santuka! 😊
You're the best at this sir 👍💯
thank you very much, i'm not good at english, but you're video is very helpful by using clear and easy english also good to comprehend. thank you!
Thanks, for your support, Sheer Dev! 🙂
Literally your way of teaching is best. Love from Pakistan ❤
Thank you, Waqas Bashir! 🙂
nice teaching, i really get the method after seeing this. thanks for all
.
Glad to hear that, Thank you @Ange-PaterneDali! 😊
Great video ever about Firebase. Really!
Amazing @Johannes
Very clear and easy way, thank you so much
yes he's excellent at teaching, it's so straightforward and easy to understand!
Thanks, also Medo 7911! 🙂
professional work, thank you
You are welcome, amjad zayed!
Super helpful, thank you!
Glad it was helpful, David Vasquez 😀
Sir thank u i had gotten from U a lot things
Great tutorial. When was this video created? Because when setting up you Flutter project on the Firebase console, I believe you no longer need to select Android, but can select Flutter, which will be right next to the Unity logo. It's easier that way.
Good tutotrial! thanks Johannes
Thanks, also Ando Vianney! 🙂
such a great video,perfect tutorial
Thank you, @nikhiljain5441! 🙂
Excelente video! Me sirvió.
Thank you, Mattias Peralta! 🙂
Thank u for sharing. Awesome
You are welcome, @mao3043 😊
this video is the best guide for firebase
Glad you liked it, @user-lf6db1zf2c 😀
thank your video so much! it helps me, hope you create more video about Flutter 🥰
Glad you liked, @touyenaothi7548 😀
Thank you for your tutorials
You are welcome, Joey SS!
best instructor as usual
Glad to hear that, Thank you _itskarim! 😊
So amazing!
Thanks, Jan Conde! 🙂
YES THANK YOU!!
This tutorial helps me alot thanks
Glad it was helpful, @user-dd3xe6rg7o 😀
thank you so much. It really helped alot
You’re most welcome, Let me Flutter! 🙂
very helpful to me, thanx dear
Thanks, also Manish Mor! 🙂
Wow, very very good content here!
Thanks, @cianoatlas! 🙂
awesome tutorial
Thank you, Hugo Gomes! 🙂
concept abstraction love😍
Thank you, Muhammed Sibil! 🙂
Thank you
You are welcome, Mohamed Zeghlache!
Thank you so mush
You are welcome, @user-yy7he3dp1g 😊
Helpful
Thanks alot
Nice❤ Thank
You are welcome, GAME VLOGS!
Hey ! Johannes, i hv been following you from a long time now and it's great watching from your vdos, it helped me alot for doing client projects. I want you to make a "php MySQL in flutter (mobile)" vdo. Love from INDIA❤️
@@HeyFlutter so grateful of you sir 🤗
good work
Thanks, @user-yy7he3dp1g! 🙂
Hi, Mike, at the first thank you for all, you are amazing! :)
I have an error with StreamBuilder, everything is working when it has an internet connection, but when i disable it for testing, everything in StreamBuilder is disapearing after 3 seconds. Can i use nested StreamBuilder (1 - to check internet connection(with connectivity_plus package), 2 - if it has stream data from firebase) or it has better way?
P.S. i checked each way to return the data (if snapshot.hasError, snapshot.hasData, even !snapshot.hasData, else and after else..), but something went wrong after about 3 seconds if internet connection is off.
P.P.S. In short, can you check your program without internet connection?
Thank you my brother
You are welcome, Oumar Zabre 😊
@@HeyFlutter thank you Milke
danke schön 😃👍
Thank you, Friedrich von! 🙂
Next, make a video about firebase remote config. Make a video on how to save the API key in the remote config, and how to change the behavior of the app using remote config. For example how to send a pop-up message to update an app using firebase remote config 🔥
I run into the issue of getting error: Expected a type String but got one of type Null.
Solved it by:
- Add inside the model Users null safety so:
final String name becomes > final String? name
- And inside the listtile your Text with the value inside needs to change from: name to: name ?? ""
Hope this helps out someone who also runs into this. Also a good practice to always add these checks.
Thanks Johannes for another great tutorial!
Great, Thank you Tom!
I love you!!!!!!
Thanks, @kaiguyvtuber! 🙂
Search data from local database in implement staggered grid view
Thanks
You are welcome, CodexBD!
@@HeyFlutter ❤
I see title "CRUD" alot on TH-cam then I don't know what's mean , Thanks you for nap a litle meaning on this clip title .
CRUD stands for Create, Read, Update and Delete respectfully
It's not a Firebase database tutorial, but a tutorial for Firebase Firestore! Those are different products!!
Hey, this is an awesome tutorial, thanks! Now, I see most of people talk about Firestore, so I wonder: is there any value in the Realtime Database? From what I read in the official docs, it is mostly suitable for nimbler, smaller projects. Apart from that, is there any reason why I should use it instead of the Firestore? Cheers.
Hey, Helvecio Borges 🙂 Realtime and firestore both fulfills differnt requirement, firestore can be used to handle large data while realtime as name says can be used to handle realtime operations
@@HeyFlutter awesome, man, many thanks 👍
Hey man, great Video, helped me a lot!
I have one more question maybe for the other people as well:
How can i check if a document inside my firebase database with a given id is already inside my collection? Would help me a lot and im struggling at the moment!
Thx alot and have a nice day!
Hey 😊, @PriXss! Check out this solution: stackoverflow.com/a/62735067
Hi
How to differentiate users data and show respective for different users ?
Thank you for the great tutorials. Request: Can you make a tutorial showing how to manage Firestore CRUD operations when the user loses access to a data connection. For example, if the user submits an update to Firestore with an async function but there is no data connection - how do you skip the await process and yet still update firestore later when there is a data connection?
Thanks for the idea, Nacho Libre! 🙂 I have added it to my list of ideas for future videos!
would you make an updated version of this since firebase officially supports flutter now? im just curious
one great tut one request please make tutorial on realtime db using stream builder in flutter
@@HeyFlutter sure pls try to make this tutorial as fast as possible
Hello, thanks for the tutorial.
I have a question, how can i pass the data from the "ListTile" into da second screen like DetailScreen. Like click the frist one -> Detailscreen opens with the informations.
That would be sooo helpfull :)
Hey 😊, @phandoumas2921! Check out this video: th-cam.com/video/l3KnuUmlr-w/w-d-xo.html I hope this may help you!
What is the benefit of using a model object?
Sir, please make a video on firebase cloud function for firebase database crud operation in production mode for authenticated users.
I Love You! ❤❤❤❤❤ senpai
thank you for your tutorials 🙏 i am getting an error when following your tutorial when i try final users=snapshot.data! and then users.map(buildUser) etc it says that 'map' is not a method of 'object', snapshot.data has no map method.
i saw that stack overflow post you linked on your other video but i don't understand how it fixes the problem
@@HeyFlutter hmm I followed all the steps, everything seems the same. not sure why .map isn't defined for snapshot.data
@@warrenstrife4818 make sure that your StreamBuilder has its type specified as such StreamBuilder. Let me know if that worked :)
@@Biowulf21 Yes! this worked thank you so much
@@Biowulf21 That worked, thank you!
@@Biowulf21 Bro I have same error. "Null check operator used on a null value.
The relevant error-causing widget was
StreamBuilder"
Will this work seperately for every user ?
Like will it store like a different database for every user ?
Thank You @swalihzamnun1547! Follow this link: stackoverflow.com/questions/70357014/flutter-firebase-retrieve-different-users-data
I hope you will get your answer 🙂
Sir please Create CRUD operation in AWS .please Make an Video about this topic.
class
Thanks, @yusufnurullayev4283! 🙂
Hi sir make a video cloud function with flutter thanks.
Hello, if i follow this steps can i run on desktop browsers?
Thank you, иприпшорл! 🙂. No, for that firebase has slightly different procedure. Check out this link: stackoverflow.com/questions/62743910/flutterhow-can-we-use-firebase-database-with-desktop-application.
Hi, I have a data field as a reference value of another document. So how can i get value for that refrence and display
Thank You Azhagappan Kathiresan! Follow this link: stackoverflow.com/questions/69732901/flutter-firestore-how-to-get-data-from-a-document-reference-in-a-document-fiel
I hope you will get your answer 🙂
Please help me. I tried using your method in the "read data" part of the video in displaying images from firebase. I have some trouble in precaching the image with the user.map(buildUsers).toList() inside the ListView under the StreamBuilder. How do I precache the image?
Thank You raves_r! Follow this link: medium.flutterdevs.com/precache-images-in-flutter-73abfedb0769
I hope you will get your answer 🙂
Hi man, I have a question. I'm working on a project where I want to list all the users that have the same job that the logged in user has. Job is a required field of every document. Can u tell me how to do it??
Thanks
Hey 😊, Pablo Diaz! Check out this solution : stackoverflow.com/a/71039737
Sir please make a video on flutter block
Hey Johannes, may i ask how do we get data from a single document with an autogenerated id instead of the personal create ID.
final userDoc = FirebaseFirestore.instance.collection("users").doc("my-id");
i want to place an auto generated ID inside .doc() call
Thank You Templeton Meshack! Follow this link: stackoverflow.com/questions/53517382/query-a-single-document-from-firestore-in-flutter-cloud-firestore-plugin
I hope you will get your answer 🙂
@@HeyFlutter I still dont get it.
No it didnt help really.
I still dont get where the id variable is comming from.
StreamBuilder(
stream: FirebaseFirestore.instance
.collection('YOUR COLLECTION NAME')
.doc(id) ////////////ID OF DOCUMENT////////////
.snapshots(),
builder: (context, snapshot) {
if (!snapshot.hasData) {
return new CircularProgressIndicator();
}
var document = snapshot.data;
return new Text(document["name"]);
}
);
}
Hey writhing data has been fine on my end, I'm thankful. Is it possible to just get just one collection of data from the database at a time. Like in python where we'd say. Select all borthdays where name = Emma.
Thank You Leonard Kabasa! Follow this link: stackoverflow.com/questions/53517382/query-a-single-document-from-firestore-in-flutter-cloud-firestore-plugin
I hope you will get your answer 🙂
Ok thanks. I was ok until I reached the "read user" part. I keep running an error saying "there are multiple heros that share the same tag within the subtree". What am I doing wrong sir?
Please a video for flutter, php and mysql login, signup and crud
@Johannes, Which state management is good for beginner ?
Thank you, prem chandraseakaran! 🙂. In my opinion provider will be good.
@@HeyFlutter
When I try to run the main.dart file after setting up the Firebase with Flutter, the error below occurs:
Could not find a command named "App\brew_crew\android\". (brew_crew is the project name)
I am not sure how to debug this, would you mind to provide me with some suggestions ?
Thank You Jason Ong! Follow this link: stackoverflow.com/questions/50652071/flutter-command-not-found
I hope you will get your answer 🙂
Can u make a video about the firebase pricing
Do Flutter UIs like this render properly in a web browser as well?
Thank You @DavidHergert! Follow this link: stackoverflow.com/questions/71000319/flutter-web-does-not-render-correctly-when-chrome-app-on-mobile-with-desktop-sit
I hope you will get your answer 🙂
why do you use request for code i can't access also you don't give me access
great vid, but i have one question, how to navigate it to new page ? and pass data on it ?, i tried to navigate via buildUser(ListTile) and produce error, the context isn't defined
Thank You Czerx Jagody! Follow this link: stackoverflow.com/questions/72656557/error-the-getter-context-isnt-defined-for-the-class-otppage
I hope you will get your answer 🙂
For Those Getting Error at set(), use add():
await docUser.add(json);
Thank you, PSP PoKs! 🙂
🔥🔥
Hey, I’m new to flutter and I wanted to ask does someone now some good tutorial for firebase realtime database CRUD? I’ve been struggling with this for some time because I don’t really understand how it works and can’t seem to find any good tutorial or documentation with examples and explanation.
Thank You Rudolfs Rijkuris! Follow this link: medium.com/@tattwei46/flutter-how-to-do-crud-with-firebase-rtdb-ce61e3ce53a
I hope you will get your answer 🙂
please Sir can you make video about firebase rules ?
@@HeyFlutter add this as important 😋I can't find deep explain on yt I hope I can learn more from you 😊
Thank you very much, but I'm facing an error at roughly 9:00 . "The method 'toList' isn't defined for the type 'Iterable'
Thank you @eugeneow7269, make sure to follow the tutorial step by step 🙂
Sir if a use gridview.builder, how to get data name field in collection firebase?
Hey, Fahrul Rozi! Check out this playlist to learn more about firebase : th-cam.com/play/PL1WkZqhlAdC9TgTee50FWiiwVZ6kQg4W7.html
Thank you very much and It's Nice explanation but i could not see any source code for firebase_crud. I can see empty files only.
Thank You @user-tw8qc8zo5o!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware
I cant see any videos on your channel that discusses DELETION specifically removing a document and all collections/subcollections - It would be great to see your approach on this ...
Thanks for the idea @paulbaker2499 😀, i have added it in my list of future videos
you have updated data by giving specific id
how can we update data via form
FirebaseFirestore.instance.collection('users').doc();
what shall i give in doc()insted of id i want to update
Hey, Bipul Deshar 🙂 doc id is must to update data, it is available to you in doc snapshot loaded from firebase
infact I created a form with the stepper widget that I manage to register on firebase firestore. a form (name, address, pincode...).
I would like to display a message to the user in case he enters a name that already exists in the database.
Hey, Oumar Zabre 🙂 you can first read/load user's info from database and then compare whatever values you want to
please for realtime database too!
9:46 your red squikly line disappeared when you made that buildUser method.
my code still shows the error.
error:
The method 'map' can't be unconditionally invoked because the receiver can be 'null'. (Documentation)
even if i Alt+Enter on the error, another error appears saying as below:
error:
The element type 'List' can't be assigned to the list type 'Widget'. (Documentation)
i have watched this video like 6 times. i have the same code as yours, same dependencies ( i think) - but still gives me error
Hello, Muhammad Saad Mansoor! Follow this link: stackoverflow.com/questions/67575893/the-method-cant-be-unconditionally-invoked-because-the-receiver-can-be-nu
I hope it will solve your problem. Thank You 🙂
I got error "Type null is not a subtype of type string" when implementing 10:26 part of the video, any solution ?
Thank you @ashdream5600, make sure to follow the tutorial step by step 🙂
Can you help to convert the buildUser Widget into a stateless widget to use a card with buttons
Hey, Willders Peña 🙂 Why won't you give it a try and let us know your progress
@@HeyFlutter someone helped me on stack overflow :)
@@ilwsl Link?