List Detail with Cloud Firestore in Flutter

In this video, you will learn how to use a FutureBuilder when retrieving data from Cloud Firestore. Once we get the data, we will display the data in a list. Finally, we will pass data from one page to another to implement a list-detail flow. You will learn to use FutureBuilder, ListView Builder and Cloud Firestore.

You will find more loading animations and widgets created for you, ready to be used in your apps.

Flutter is Google’s mobile app SDK for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.

Check out my courses on Udemy if you want to learn how to develop a complete app from start to end in Ionic.

Ionic Apps with Firebase is a complete course that will teach you two leading app development technologies - Ionic Framework and Firebase. In this course, you will learn all about Ionic and Firebase while working on a real-world social application. At the end of the course, you can publish your app.

We start by learning the basics of Ionic and Firebase. Once introduced to both the technologies, you will learn about building the front-end of the mobile app using the Ionic Framework and the back-end will be taken care of by Firebase. The code for each lecture is available for students to refer to in an easy to use and organized way. A repository will be shared with each student and the code for each lecture is available on a separate Git branch. You can clone the repository as well.

[thesamarthagarwal]

If you get errors about Firebase app not being configured, you need to open the iOS workspace in XCode and add the GoogleService-info.plist to the runner project. I had to edit out that step in the video because of some audio issues.

[abbyhuh]

you have no idea how much your videos have helped me! i accidentally deleted my files and you brought it back to existence again with these tutorials.

thank you so much 😄

[MapMavericks]

This is the best flutter video I've ever watched. I wish Google would hire you to make the tutorial videos. Very nice! Thank you for sharing 😊

[omarsharifrajme]

I was totally confused about two days. You just save me brother. Thank you so much.

[nazmulhayat]

thiss iss exactly WHAT I WAS LOOKING FOR PAST FEW DAYSSS thankkkk u sooo muccchh for thiss!!!

[alokyes]

dost aapne to raaton neend wapis laadi, shukriya. My code is working now!

[HarithaMadushankaharryze]

You literally saved my life! Thank you so much. You are an amazing soul!

[huehuehuey]

for anyone watching in 2021 the snapshot syntax has changed to Note the data() function called on the document of the snapshot array

[mhmzdev]

You just saved hell of research for me... Thank U so much ❤️

[samii]

waoooo such amazing content and explanation. you save my day thinks brother.
hope you will make more videos like this. waiting to watch more flutter videos from your channel

[loitafoundation]

Thx for the amazing vid. The important part is the last section. U should have expand it longer or explain that first, otherwise some people like me find it boring.

[benjamindeworsop]

Incredible video - amazingly clear and beautifully designed! THANK YOU

[Winnerever]

I was wondering why you didnt use the StreamBuilder

[guilhermelirio]

Your video lessons are perfect !! I learn a lot from your didactics. Make more videos !! Thank you!

[christianlevels]

Absolutely amazing explanation of Flutter Firebase integration

[gopalbharadva]

1 number bhai, very good explaination, 💙 se thanks.

[vineet_kishore]

The quality of your videos are amazing so kindly make more videos covering more topics.

[erperejildo]

If you have dynamic documents you need to listen I'd recommend to use StreamBuilder instead of FutureBuilder

[ozgurdede]

Thanks brother, it helped me a lot you can't imagine :)

[devgirl]

amazing tutorial..new subscriber here...i'm new to flutter and all..and i'm learning a lot from you.thank you