FutureBuilder In Flutter - Building Lists with JSON Data

In this video, we are going to learn how to use FutureBuilder to populate a list asynchronously in Flutter. So, are you ready? Follow along.

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.

[abbyhuh]

omg you're a saviour. thank you so much!

[gambar]

THE best tutorial on this matter out there! Saved my skin, thank you mate!

[AkshayVachhani]

_TypeError (type '_InternalLinkedHashMap<String, dynamic>' is not a subtype of type 'Iterable<dynamic>')

I am getting this error.
hELP

[shabeenabarde]

Hi. is there an alternative way instead of using Class? i.e Class User{} ?

[jeffersonlegaspi]

Loved your tutorial! very simple yet full of information and easy to understand. hopefully more flutter tutorial videos to come because more and more developers (inlcuding me) are very interested to this new framework. please do also tutorials and ways how to display detail information using modals, snackbar and other widgets. for sure this will help a lot especially me myself. thanks. btw. i already subscribed in your channel. thumbs up!

[rahulsingh-cdok]

hi sir, i have a problem.always showing text loading

[chetansuthar]

samarth, thankyou for your solution, but i have a problem the future builder build the whole list again when i pop from list tile, i mean when i click on list tile which has on tap facility and when i pop that screen the future build again add the same data to the list so it will be multiplied whenever i press and pop to the future builder screen, any Solution??

[RightNow]

This was literally the perfect guide. Thank you so much!

[SubhashPalsule]

Great! Where can I get source code for this?

[jabeenakkalkot]

Hi.Suppose if i have json data like this: "result": {"types": [ to show this in listview?

[AshishPatel]

Still says loading and no content is ever loaded.

[songlee]

2 years ago google said everyone leave java behind, focus now on kotlin. 2 years later google comes now with flutter and said "everybody stop wasting time with kotlin or swift, flutter is the way to go".
Me, i said "keep building app with ionic cause it getting more and more stronger".

[muhammadibrahimkhwaja]

That's Perfect ... You really deserve a SUBSCRIBE ...

[towniebagels]

Like your videos..BUT kill the background music. And you will improve watch ability 200%.

[shaunhallier]

I'm new to Flutter and Dart, and got VERY STUCK because I could not for the life of me figure out how to properly use a future builder to get a List from an API. It was driving me crazy, documentation didn't help me, but YOUR video did! Thanks!

[elhamkeshavarzarshadi]

I have a problem, I write the code, just same as you but the result is different! It just shows the text "Loading..."

[ozenuaoluwatobi]

Wonderful experience with your tutorial, any help with Firebase realtime database. I can't seem to get it working

[CyberneticMasters]

hey... i have doubt i am fetching data from realtime database(firebase) which is already in json format... i am getting data from database bt i cant be able populate on the card


code: - Future<List<Pharma>> _getValue() async {
await datasnapShot) {
datas = datasnapShot.value;
});
print(datas);
// here data is printing in the json format bt after this line, either of single line is executing
List<Pharma> pharmas = [];
for (var u in datas) {
// print(datas);
print(u);
Pharma pharm = Pharma(u["Name"], u["Loc"], u["Address"], u["Phone"]);
pharmas.add(pharm);
}
return pharmas;
}

[sidneymachara]

Great tutorial .. simple, straight forward and EXPLAINS IN DETAIL ..I LOVE IT

[longphanminh]

Dear Sir
Why Api Sir Show; I don't Access? when I search result Not Found. So dear Sir, Sir can't show for me link api same same or Sir rep by email for me. Thanh you Sir