How to Fetch Data from Cloud Firestore in Flutter [2023]

In this flutter Cloud Firestore tutorial, we will learn to fetch data from Firestore in Flutter.
PLAYLIST: • Flutter Login App - UI...
We will fetch or retrieve 2 types of data from firebase firestore. Single Record of user and multiple list of users. We will also see how to display Firebase data using Future Builder Widget in Flutter and how can we use ListView.builder in Flutter to display List of records fetched from Cloud Firestore Firebase in 2023.
LOGIN APP PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► COMPLETE PLAYLIST: • Flutter Login App - UI...
► FIREBASE PLAYLIST: • Flutter Firebase Basic...
DOWNLOAD PROJECT
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► CODE & RESOURCES: codingwitht.co...
VIDEOS
▬▬▬▬▬▬▬▬▬▬ DESIGN ▬▬▬▬▬▬▬▬▬▬
► 01 - Flutter Folder Structure • Flutter App with Fireb...
► 02 - Flutter Folder Structure • How to Create a Flutte...
► 03 - Setup Theme Light & Dark: • How to Setup a Custom ...
► 04 - Flutter Native Splash • How to create Flutter ...
► 05 - Custom Splash with Animation • Flutter Splash Screen ...
► 06 - On Boarding Screen • Flutter Onboarding Scr...
► 07 - Welcome Screen Design • Welcome Screen | Flutt...
► 08 - Animate any widget • Flutter Animation 2023...
► 09 - Flutter Login UI • Flutter Animation 2023...
► 10 - Flutter Signup UI • Modern Signup form in ...
► 11 - Flutter Forget Screen • Flutter Forget Passwor...
► 12 - Flutter OTP Design • Flutter OTP Verificati...
► 13 - Flutter Dashboard • Flutter UI Design Tuto...
▬▬▬▬▬▬▬▬▬▬ FIREBASE ▬▬▬▬▬▬▬▬▬▬
► 14 - Setup Firebase in Flutter • Simplest way to Setup ...
► 15 - Firebase Authentication • Flutter Firebase Authe...
► 16 - Firebase Phone No Auth • Flutter Firebase Phone...
► 17 - Flutter Profile UI • Flutter Profile Page U...
► 18 - Store Data in Firestore • How to store data in F...
► 19 - Verify Email in Flutter • Verify Email in Fireba...
COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► FLUTTER CRASH COURSE • Flutter Crash Course f...
► LOGIN APP with GETX • Flutter Login App - UI...
► E-COMMERCE APP • Professional Flutter E...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
FOLLOW US ON SOCIAL MEDIA!
💻 Facebook: / codingwithtea
💻 Instagram: / coding_with_tea
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
SUPPORT
To support the creation of a free content please visit:
► Subscribe www.youtube.co...
►► Support codingwitht.co...
#firestore #flutterfirebase #firebaseauth #codingwithT

[@deveshnarkhede7487]

Very Helpful video nice explanation, the application interface is very aesthetic! Keep posting such beautiful and helpful content :)

[@CodingwithT]

Thank you so much 🥰

[@tomstevens6820]

I get the error TypeError: Instance of 'UserModel': type 'UserModel' is not a subtype of type 'UserModel' any idea what I need to change?

[@amarocp]

Hello, Thanks for useful tutorial. I am getting following error - "type 'List' is not a subtype of type 'UserModel' in type cast" at FutureBuilder in update_profile_screen.dart. Can you help

[@CodingwithT]

Because the return type is a single Model named UserModel and you are receiving it in a list

[@usefulone2094]

I have a similar error .. type "_Type" is not a subtype of type "UserModel" in type cast. Thanks for the tutorial & please help me 😢

[@phumlaninxumalo8327]

Hey Tea, you are awesome can you help me in this section. I cannot retrieve the data instead the CircularProgressIndicator keeps running forever

[@CodingwithT]

Thank you 😊. Can you share your debug state error or exception?

[@phumlaninxumalo8327]

@@CodingwithT there isn't any error, but i can't fetch the data for updating, the circularProgressIndicator keeps running forever

[@BitBytes20]

In ProfileController, instead of of just calling _userRepo.getUserDetails(email); return the function like below getUserRecord(){ final email = _authRepo.firebaseUser.value?.email; if(email != null) { return _userRepo.getUserDetails(email); } else { Get.snackbar("Error", "Login to continue"); } }

[@user-bh6fp1bh5z]

hi, thanks a lot for this premium tutorial series! i do have an issue: when clicking on any TextFormField (inside the FutureBuilder), the FutureBuilder loads again 3 times and the keyboard closes again immediatly. Any suggestions?

[@GabrielWeck]

hey thank you for all your videos, so on my phone it puts the CircularProgressIndicator on loop and now bad state: no element. ment try but I did not succeed, I realized that it is when I enter the email only, if I enter the name, telephone number and password it works but as soon as I add the email in data on the Firebase console it does not want thank you anyway you are awesome brother

[@CodingwithT]

It might be because of some mapping issue. Check your keys as they should be the same as the key in Firebase and also the way to fetch & retrieve.

[@GabrielWeck]

@@CodingwithT I really didn't succeed so I removed the Email text form field for the moment no big deal

[@pramodudayanga7102]

thanks for your guidline for develop fully function app

[@CodingwithT]

You welcome

[@sherazahmed8984]

Thank you for sharing such a nice tutorial. Can you tell me which extension are you using on VS for these lines indicating widget's child?

[@usertuserb7057]

thanks you very much brother. please make a tutorial about Sqlite.

[@CodingwithT]

Sure Buddy 😃 & welcome 🤗

[@siddheshgajare6013]

After clicking on the edit profile the loading screen is continuing??

[@sirinechieb7640]

any solutions u got?

[@akashverma4017]

But you haven't shown the AuthenticationRepository in this video

[@chubynwoke8958]

The from snapshot method that is used to get the all the data from the database doesn't seem to work with nested models. Can you do a video when you are retrieving data from the a nested model in the database?

[@CodingwithT]

Yes I'm already creating an ecommerce in which you'll learn in detail about Firebase and more professional ways to handle that.

[@godeons]

Please create a video on how to add user/admin access to an app. Thanks

[@CodingwithT]

Noted!

[@jeryngungan]

can i make a login page ,when user login user will getuser own data from firebase ?

[@CodingwithT]

Login means authentication which are 2 different things and yes you can fetch user's stored data anytime

[@PamyPamly]

thanks for the tutorial. pls i have an error in this section. i was able to retrieve my data from db to the textform but the issue is if i click on the textform to change the text the CircularProgressIndicator starts loading for about 2secs and the keyboard won't come up for me to change the text, it continues like that. if i reload the app and come back to the profile it takes me back to my homepage and write on the logs "memory deleted" pls i need help on this pls ... looking forward to your quick response thanks

[@saudalshehab9157]

I have the same problem did you find the solution for it?

[@mawandenxumalo4901]

You're legend

[@CodingwithT]

Thank you 😊

[@mawandenxumalo4901]

@@CodingwithT What could be the problem I'm getting "Bad state: no elements". on the update_profile_screen.

[@shaikhalkama381]

while fetching regiterview data to profilescreen its showing error of Bad State, no elements

[@shaikmujahid-hi5uk]

Me also same bro did u get solution for that

[@mdsakibhasan]

Somehow I got this error on showing all user data '_InternalLinkedHashMap' is not a subtype of type 'QueryDocumentSnapshot' . How can I fix this ?

[@CodingwithT]

It's because you are not mapping the QueryDocuementSnapshot properly

[@mdsakibhasan]

@@CodingwithT Thank you ❤️. I got my problem solved .

[@CodingwithT]

That's awesome 🤩

[@meenamehboob4059]

you did not pick image from gallery dynamically and not upload into firebase and fetch it. Kindly provide me if you already have done it

[@CodingwithT]

Please watch this video for image uploading. kzbin.info/www/bejne/Y3-0iIGvYpqcaKc

[@meenamehboob4059]

@@CodingwithT Thank you ❤️

[@techietalks27]

Heyy T, very nice tutorial But I am facing issue in fetching the details of the user I am getting "Error, Login to continue". Please guide me.

[@CodingwithT]

I think you're not Logged in as per the error you mentioned. Make sure you have logged in via Firebase Authentication before fetching Authentication record. Whereas Firestore don't need anything like Login.

[@edsonhh]

is it possible "where" with "like"?

[@CodingwithT]

Like is not available in Firestore query. You can use other partial matches like... array-contains, array-contains-any, startAt, endAt etc

[@Noumandev]

bro last pa getUserGet ka kya kiya ha ?

[@Hamza-yq7sj]

Will you implement forget password back-end?

[@CodingwithT]

I'll try 😃

[@greendiga]

hi man i have a problems. Bad state: Too many elements FLUTTER on window profile. I will be grateful if you help♥

[@CodingwithT]

I think you are Keys: in your app and they are duplicated. Please look for duplicate keys and your error will be resolved.

[@adityapatel1019]

@@CodingwithT Hey I am not sure how to solve this error you help is much appreciated.

[@muhammadfurqan917]

AoA sir apki website bhe flutter mein bani hui hai?

[@Abhigyan103]

This was very helpful ! Can you upload this code as well ?

[@CodingwithT]

It's uploaded on codingwitht.com/flutter-login-app

[@CodingwithT]

I can see this one is missing. I will upload it in an hour

[@user-gm2de1rq8x]

I am getting the error "expected a value of string,but got one of type null"

[@CodingwithT]

This means you are trying to pass a string value but inside that variable there is no string but a null.

[@mrman4636]

hey man just got the same error, ya. solved. it??

[@mrman4636]

found it. forgot i had some old accounts without usernames

[@user-gm2de1rq8x]

@@CodingwithT why is it so

[@user-gm2de1rq8x]

@@mrman4636 how

[@SGZGamer]

i am getting issues not getting the email data is not showing

[@sirinechieb7640]

did you find a solution?

[@roms03]

I am getting error when clicked on edit profile button. Error : bad state too many elements

[@CodingwithT]

Because you are trying to call .single in some query or list but that value is getting more then 1 so try .first instead

[@roms03]

I have typed the same code just as yours.

[@roms03]

@@CodingwithT also you have incomplete videos. You didn't provided video for login button controller. I started the series and at the end i came to know that it is incomplete series

[@roms03]

@@CodingwithT answer me

[@ikkekun]

what happened in 12:50 ???

[@shaikhalkama381]

Bro iska hi aage continue login with phone and password jo info apun ne register krwayi whi se apne ko login krna hai using phone and password bnao na video I am stucked

[@CodingwithT]

Jis Phone Number sy register kiya wo data get kr k compare kr k login karain. I will also make a video on it soon.

[@faizanahmed8844]

Bro don't mind everyone follows your back to back tutorials but in this tutorial you removed otp authentication and you did not clear to everyone

[@CodingwithT]

Dear It's not removed, all I used is Email and Password authentication. Because all the authentications are the same.

[@faizanahmed8844]

@@CodingwithT okay taimoor bahi but we are beginners and you cannot do this step in this video so thats why🥲 Thank you and Eid mubarak in advance taimoor bahi❤

[@SGZGamer]

brother can you plz help me in this

[@CodingwithT]

Yeah sure