Flutter Firebase CRUD (Create, Read, Update, Delete)
VloĆŸit
- Äas pĆidĂĄn 27. 07. 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: czcams.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 :-) - VÄda a technologie
đ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! đ
Thank you so much for your tutorials. Irreplaceable!!
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â€đ
Your content give me more idea and ability to create a great app. Thankfully.
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
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! đ
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! đ
You're the best at this sir đđŻ
this is the best channel for flutter I have ever metđ„°đ
Now I'm a huge fan of yours, you're a Flutter avenger, literally!
Glad to hear that, Thank you I Flutter You! đ
Great video ever about Firebase. Really!
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.
Amazing @Johannes
Sir thank u i had gotten from U a lot things
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! đ
Super helpful, thank you!
Glad it was helpful, David Vasquez đ
Hi
How to differentiate users data and show respective for different users ?
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
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! đ
Good tutotrial! thanks Johannes
Thanks, also Ando Vianney! đ
thank your video so much! it helps me, hope you create more video about Flutter đ„°
Glad you liked, @touyenaothi7548 đ
Excelente video! Me sirviĂł.
Thank you, Mattias Peralta! đ
such a great video,perfect tutorial
Thank you, @nikhiljain5441! đ
professional work, thank you
You are welcome, amjad zayed!
nice teaching, i really get the method after seeing this. thanks for all
.
Glad to hear that, Thank you @Ange-PaterneDali! đ
Thank you for your tutorials
You are welcome, Joey SS!
Thank u for sharing. Awesome
You are welcome, @mao3043 đ
YES THANK YOU!!
very helpful to me, thanx dear
Thanks, also Manish Mor! đ
thank you so much. It really helped alot
Youâre most welcome, Let me Flutter! đ
This tutorial helps me alot thanks
Glad it was helpful, @user-dd3xe6rg7o đ
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?
So amazing!
Thanks, Jan Conde! đ
best instructor as usual
Glad to hear that, Thank you _itskarim! đ
would you make an updated version of this since firebase officially supports flutter now? im just curious
Helpful
Wow, very very good content here!
Thanks, @cianoatlas! đ
Thanks alot
What is the benefit of using a model object?
awesome tutorial
Thank you, Hugo Gomes! đ
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 đ
Thank you so mush
You are welcome, @user-yy7he3dp1g đ
concept abstraction loveđ
Thank you, Muhammed Sibil! đ
Thank you
You are welcome, Mohamed Zeghlache!
this video is the best guide for firebase
Glad you liked it, @user-lf6db1zf2c đ
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: czcams.com/video/l3KnuUmlr-w/video.html I hope this may help you!
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 đ€
Search data from local database in implement staggered grid view
Literally your way of teaching is best. Love from Pakistan â€
Thank you, Waqas Bashir! đ
Nice†Thank
You are welcome, GAME VLOGS!
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 đ
good work
Thanks, @user-yy7he3dp1g! đ
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 đ
danke schön đđ
Thank you, Friedrich von! đ
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!
What about the config for iOS?
Thank you my brother
You are welcome, Oumar Zabre đ
@@HeyFlutter thank you Milke
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 đ
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 đ
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
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 đ
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 đ
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 đ„
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.
I need your help why it's only apear CircularProgressIndicator?
Hello, Haicker! Follow this link: stackoverflow.com/questions/50640845/circularprogressindicator-not-displayed-in-flutter
I hope it will solve your problem. Thank You đ
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 : czcams.com/play/PL1WkZqhlAdC9TgTee50FWiiwVZ6kQg4W7.html
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
I get this error in the line 'await Firebase.initializeApp();' :
PlatformException (PlatformException(channel-error, Unable to establish connection on channel., null, null))
Thank You Diego Camilo Peña Ramirez! Follow this link: stackoverflow.com/questions/72880037/unhandled-exception-platformexceptionchannel-error-unable-to-establish-connec
I hope you will get your answer đ
where can i access to the code
I'm getting this error type 'String' is not a subtype of type 'Null' in get method flutter
Thank You PoisoNels! Follow this link: stackoverflow.com/questions/59955033/type-string-is-not-a-subtype-of-type-null-in-get-method-flutter
I hope you will get your answer đ
how to rename the file name in flutter and update in to firebase (consider already inside the file user having couple of images)
Thank You prem chandraseakaran! Follow this link: stackoverflow.com/questions/63099309/is-there-a-way-to-rename-file-in-firebase-storage-using-flutter
I hope you will get your answer đ
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 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!
Brother how you know mainsdkversion and targetsdkversion values
Thank You K Prakash! Follow this link: stackoverflow.com/questions/52060516/flutter-how-to-change-android-minsdkversion-in-flutter-project
I hope you will get your answer đ
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 đ
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
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"
my snapshot in readUsers() always falls into ''error'' condition. When I use print(snapshot.data) I always get null, do you know why?
Thank You Daniel Carvalho Goldoni! Follow this link: stackoverflow.com/questions/59073164/snapshot-data-is-null-in-flutter
I hope you will get your answer đ
i am getting a error when i try to implement the readuser function i am getting the error. the user perameter is showing error it's say The argument type 'Object?' can't be assigned to the parameter type 'Users?'.dartargument_type_not_assignable
Thank you md shahed, make sure to follow the tutorial step by step đ
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
Sir, please make a video on firebase cloud function for firebase database crud operation in production mode for authenticated users.
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 đ
Hi sir make a video cloud function with flutter thanks.
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
Sir please Create CRUD operation in AWS .please Make an Video about this topic.
I am getting this error firebaseoptions cannot be null when creating the default app. Pls tell me how to solve this.
Hello, padmini lakshmanan! Follow this link: stackoverflow.com/questions/70232931/firebaseoptions-cannot-be-null-when-creating-the-default-app
I hope it will solve your problem. Thank You đ
I love you!!!!!!
Thanks, @kaiguyvtuber! đ
Pls Does anyone knows how to get IOs bundle đ on windows machine without xcode
@@HeyFlutter thanks Sir... You are amazingđđ
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 đ
why do you use request for code i can't access also you don't give me access
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"]);
}
);
}
great video! but i get this error on the part users.map(buildUsers).toList(),
it says: The method 'map' isn't defined for the type 'Object'.
Try correcting the name to the name of an existing method, or defining a method named 'map' :S
Hello, Alehli R! Follow this link: stackoverflow.com/questions/68723640/the-method-map-isnt-defined-for-the-type-function-try-correcting-the-name
I hope it will solve your problem. Thank You đ
But I am getting error while validator of null operator
Please solve my problem
Thank you, Ache Nishwith! đ. Try to provide enough details with yours question whenever you face any issue.
i am not getting email when I fill the form through github. I checked email, spam and even tried second email. Please help
Thank You Aaditya Jagdale!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware
Hi awesome tutorial, but l have a question. How do l get docs name when names of documents are created by firebase '7697pVFo22W2ODjTeprPdsaGyPD3' â something like this? L want to delete document but l can't bc l don't know what name is of this document. How can l get it or how can l delete such document?
Thank You RABBIT V! Follow this link: stackoverflow.com/questions/53994972/flutter-remove-a-firebase-document-ontap
I hope you will get your answer đ
Please a video for flutter, php and mysql login, signup and crud
Thanks
You are welcome, CodexBD!
@@HeyFlutter â€