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

Рет қаралды 64,702

Жыл бұрын

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.com/flutter-login...
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 kzfaq.info...
►► Support codingwitht.com/support-the-c...
#firestore #flutterfirebase #firebaseauth #codingwithT

Пікірлер: 78

@deveshnarkhede7487 Жыл бұрын

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

@CodingwithT Жыл бұрын

Thank you so much 🥰

@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?

@user-bh6fp1bh5z 11 ай бұрын

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?

@pramodudayanga7102 Жыл бұрын

thanks for your guidline for develop fully function app

@CodingwithT Жыл бұрын

You welcome

@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.

@usertuserb7057 Жыл бұрын

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

@CodingwithT Жыл бұрын

Sure Buddy 😃 & welcome 🤗

@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 😢

@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

@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 11 ай бұрын

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"); } }

@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?

@chubynwoke8958 8 ай бұрын

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 8 ай бұрын

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

@godeons 3 ай бұрын

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

@CodingwithT 3 ай бұрын

Noted!

@akashverma4017 9 ай бұрын

But you haven't shown the AuthenticationRepository in this video

@Abhigyan103 11 ай бұрын

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

@CodingwithT 11 ай бұрын

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

@CodingwithT 11 ай бұрын

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

@siddheshgajare6013 Жыл бұрын

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

@sirinechieb7640 Ай бұрын

any solutions u got?

@Noumandev 7 ай бұрын

bro last pa getUserGet ka kya kiya ha ?

@muhammadfurqan917 Жыл бұрын

AoA sir apki website bhe flutter mein bani hui hai?

@jeryngungan Жыл бұрын

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

@CodingwithT Жыл бұрын

@techietalks27 11 ай бұрын

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 11 ай бұрын

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.

@Hamza-yq7sj Жыл бұрын

Will you implement forget password back-end?

@CodingwithT Жыл бұрын

I'll try 😃

@shaikhalkama381 4 ай бұрын

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

@greendiga 11 ай бұрын

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

@CodingwithT 11 ай бұрын

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

@adityapatel1019 8 ай бұрын

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

@SGZGamer 9 ай бұрын

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

@sirinechieb7640 Ай бұрын

did you find a solution?

@meenamehboob4059 6 ай бұрын

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 6 ай бұрын

Please watch this video for image uploading. kzfaq.info/get/bejne/Y7SBirGqkpvNYnk.html

@meenamehboob4059 6 ай бұрын

@@CodingwithT Thank you ❤️

@shaikhalkama381 4 ай бұрын

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 3 ай бұрын

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.

@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 🤩

@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

@ikkekun Жыл бұрын

what happened in 12:50 ???

@roms03 6 ай бұрын

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

@CodingwithT 6 ай бұрын

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 6 ай бұрын

I have typed the same code just as yours.

@roms03 6 ай бұрын

@@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 6 ай бұрын

@@CodingwithT answer me

@SGZGamer 9 ай бұрын

brother can you plz help me in this

@CodingwithT 9 ай бұрын

Yeah sure

@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❤