FutureBuilder In Flutter - Building Lists with JSON Data

Поделиться
HTML-код
  • Опубликовано: 17 авг 2018
  • 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.
    Learn to setup Flutter SDK here: flutter.io/
    Check out my open-source Flutter UI Package on Github here: github.com/samarthagarwal/Flu...
    Check out my courses on Udemy if you want to learn how to develop a complete app from start to end in Ionic.
    Check out the New Course "Ionic Apps with Firebase on CodeSmash.io: www.codesmash.io/p/ionic-apps...
    Best Seller on Udemy "Ionic 3 Apps for WooCommerce: Build an eCommerce Mobile App": www.udemy.com/ionic-3-apps-fo...
    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.
    Music Credits - Happy Life by FREDJI / fredjimusic
    / fredjimusic
    Music promoted by Audio Library • Happy Life - FREDJI (N...
  • НаукаНаука

Комментарии • 321

  • @thesamarthagarwal
    @thesamarthagarwal  5 лет назад +41

    Source code: github.com/samarthagarwal/FutureBuildInFlutter

    • @arirahmagumelar
      @arirahmagumelar 4 года назад

      thanks

    • @employaiptyltd
      @employaiptyltd 4 года назад

      Thank you

    • @nitinporwal1158
      @nitinporwal1158 4 года назад

      Smarth u contact no. Pls we are building app and would like to take u r service.. Pune +91-9270060180

    • @aadarshainfo3535
      @aadarshainfo3535 4 года назад

      Normally, I don't comment thanks on tutorial videos but your videos are not above normal.

    • @pvsairam
      @pvsairam 4 года назад

      I've followed your code and tried to fetch cryptocurrency details but unable to get the results.
      Here is the code - justpaste.it/3p3d3
      could you please check and let me know what went wrong.
      Thanks!

  • @gambar
    @gambar 5 лет назад +16

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

  • @sidneymachara9773
    @sidneymachara9773 5 лет назад +3

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

  • @jeffersonlegaspi9652
    @jeffersonlegaspi9652 5 лет назад +11

    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!

  • @johnnynguyen6909
    @johnnynguyen6909 4 года назад +1

    Very simple and straightforward, especially when compared to the official documentation and Stack Overflow. You have another subscriber, keep up the excellent content!

  • @Ilovetocode_23
    @Ilovetocode_23 2 года назад

    By far the most educative video of Flutter with Json out there. Thank you for this.

  • @Tpatil1996
    @Tpatil1996 4 года назад +1

    One of the best tutorials I have come across! Keep it up Samarth!

  • @kunaljoshi8038
    @kunaljoshi8038 4 года назад

    Simple straightforward and concise! 🙌 Awesome tutorial.

  • @CSEngineer1
    @CSEngineer1 4 года назад

    Precise, explain well, simply awesome. This is exactly what I was looking for!!!

  • @MrDyll
    @MrDyll 3 года назад

    brother this is amazing content. i was stuck for a week until you taught me this. thank you very much. much better than some teachers at the top university

  • @RightNow978
    @RightNow978 4 года назад +8

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

  •  3 года назад +1

    Thank you very much, Samarth - exactly what I was looking for!

  • @simplysmart3996
    @simplysmart3996 4 года назад

    Even if no one is following , I am following you and I an really enjoying working with your videos on flutter.. Thanks

  • @theorushinjr9023
    @theorushinjr9023 3 года назад

    This was an awesome video! You covered exactly what I needed to know. Thank you.

  • @HaiderAli-hc5mr
    @HaiderAli-hc5mr 4 года назад

    Simple and Clear Cut

  • @Sandy-rv9tv
    @Sandy-rv9tv 3 года назад

    This is simply amazing. I reckon the best tutorial on Flutter handling and displaying of Lists and Arrays. It helps me immensely on my very first Flutter-Django project
    Big 🍰 for you

  • @sunchitlakhanpal
    @sunchitlakhanpal 5 лет назад

    Great Tutorial to understand JSON, hope for more complex parsing tutorials in the future ...

  • @isururanawaka5839
    @isururanawaka5839 3 года назад

    Very clear explanation. I am way late to Flutter and to watch this video and I regret it already. Thank you!

  • @bmwgang7611
    @bmwgang7611 3 года назад

    Amazing video, very clear and detailed explanation. Thank you!

  • @Apenschi
    @Apenschi 4 года назад

    Very good tutorial!! Thanks a lot! Please more of this stuff!

  • @AayushSingal1
    @AayushSingal1 3 года назад

    best tutorial on Future builder!! After watching so many video, finally found yours! Helped me a lot!! Thank you, brother! 🔥🔥

  • @nadjinmalade8738
    @nadjinmalade8738 3 года назад

    Simple and easy to understand when you'are explaining.... Thanks

  • @enthusiastdev7247
    @enthusiastdev7247 5 лет назад

    Good job bro! Your explanations are very helpful and clear.

  • @shrutisrivastava9157
    @shrutisrivastava9157 3 года назад

    Thanks!! I was pretty confused about Future Builder, this cleared everything

  • @yashagarwal5304
    @yashagarwal5304 4 года назад

    Crazy explanation.. Loved it to its core. Beautifully done

  • @puargs
    @puargs 5 лет назад

    Samarth this was an excellent video, thank you.

  • @geniecoder
    @geniecoder 5 лет назад

    Great video bro! perfect speed and easy to understand

  • @user-gu5ts5nx8r
    @user-gu5ts5nx8r 4 года назад

    Great content with great explanation by great man.
    Thank you so much.

  • @gameofcodes9832
    @gameofcodes9832 4 года назад

    Thank you soo much. I stuck the whole day and finally got this video
    And by the way, your voice is soo much relaxing please keep on making more videos on these topics.

  • @tyson3381
    @tyson3381 4 года назад

    thanks a lot, after watching tons of video finally your method worked.

  • @elhamkeshavarzarshadi7451
    @elhamkeshavarzarshadi7451 5 лет назад +1

    That was Awsome! Tnx for your perfect explanation;)

  • @danielwatts3718
    @danielwatts3718 4 года назад

    Nice and clear reasoning and explanations

  • @manueldiera6781
    @manueldiera6781 5 лет назад +1

    Almost a year old and soo helpful. I completely agree with the other commentors on here. You have such a great teaching style. I'll be looking for your videos on Udemy. Thank you very much for sharing this information.

    • @ebrahimmahmoud1108
      @ebrahimmahmoud1108 4 года назад

      do you have any idea why he didn't use initState and setState here?

  • @deekshapai4797
    @deekshapai4797 5 лет назад

    great explanation. Thank you so much.

  • @daveeddrumz5097
    @daveeddrumz5097 4 года назад

    This explanation was too sweet !!!

  • @balaji.j2024
    @balaji.j2024 4 года назад

    Really excellent teaching bro,I understood the concept for the first time.Really excellent.Make more videos bro

  • @guilhermeaguiar2743
    @guilhermeaguiar2743 3 года назад +1

    Meus parabéns. Sou brasileiro e não falo inglês, mas sua didática é tão incrível que entendi tudo.

  • @FelipeGonzalez-oo8no
    @FelipeGonzalez-oo8no 4 года назад

    Thank You , this is the Best tutorial to start

  • @riyoinfosys9321
    @riyoinfosys9321 4 года назад

    Great explanation. Clear voice and clear understanding with perfect views.. am going to subscribing your channel now..

  • @maratuly_a
    @maratuly_a 4 года назад

    Great work! Thank you, sir!

  • @apderic1079
    @apderic1079 5 лет назад

    It was very lovely and was very helpful. Please do more flutter tutorials

  • @kennethn.9960
    @kennethn.9960 4 года назад

    Great tutorial. Thanks Samarth

  • @sweethomeshopping5848
    @sweethomeshopping5848 3 года назад

    Thank you very much.. It's so easy to understand

  • @shaunhallier5035
    @shaunhallier5035 2 года назад

    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!

  • @msoftltd3710
    @msoftltd3710 4 года назад

    Great tutorial and excellent explanation, Thank you

  • @florianb.9367
    @florianb.9367 3 года назад

    Thanks for the good example, i looking for exactly this! :)

  • @david_tojo
    @david_tojo 4 года назад

    Thank you, in this video I has learned how the FutureBuilder works. :)

    • @questionoverflowoverflow3967
      @questionoverflowoverflow3967 4 года назад

      Here is one example chat application with Firebase
      ruclips.net/video/xgX0e9_YtX4/видео.html

  • @zameeruddin2212
    @zameeruddin2212 4 года назад

    Very clear teaching.

  • @msantagiulianab
    @msantagiulianab 3 года назад

    Very good tutorial. Thanks

  • @chriscarman247
    @chriscarman247 4 года назад

    Just what I needed! Thanks :D

  • @George-or3uv
    @George-or3uv 4 года назад

    Samarth, please make more flutter videos. We need more content on it from creators like you.

  • @bhaveshkipathshala
    @bhaveshkipathshala 5 лет назад

    Very good video, very simple to understand. hope new more flutter related video in future as well. Kindly add some more video on MVC pattern in flutter (like BLoC) for JSON data parsing like product list and it's detail screen with all kind of information. Thank you.

  • @abid658
    @abid658 4 года назад

    Great tutorial.
    Thank you

  • @vamosrafeal
    @vamosrafeal 5 лет назад

    thanx alot man ...u did great job with in easy way

  • @karanv293
    @karanv293 2 года назад

    such good content man. keep up the good work! thank you

  • @emmakade07
    @emmakade07 Год назад

    sweet and lovely tutorial

  • @Gd-jq6mz
    @Gd-jq6mz 3 года назад

    superb implemented staggered view with this concept

  • @maheshguptaboddu4331
    @maheshguptaboddu4331 5 лет назад

    Flutter is really cool. Nice tutorial

  • @prankcial4187
    @prankcial4187 4 года назад

    Thanks for teaching me this. :)

  • @djamilafiguir6491
    @djamilafiguir6491 5 лет назад

    thank you so much this is really helpful

  • @AdarshMadrecha
    @AdarshMadrecha 5 лет назад +1

    Superb explanation.

  • @lawrencemauoane1851
    @lawrencemauoane1851 5 лет назад

    Great insight.. thank you and thank you,

  • @NguyenKhoa-mw3ok
    @NguyenKhoa-mw3ok 4 года назад

    Thanks you very much. Your video helps me very much.

  • @epicpasta8100
    @epicpasta8100 4 года назад

    Awesome video, just saved my life

  • @abbyhuh1460
    @abbyhuh1460 2 года назад

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

  • @kaushalzod5162
    @kaushalzod5162 4 года назад

    Thank You sooooooooooo Much sir I am very thankful for you I just started using flutter some days ago and was having a problem when handling HTTP Request it was always showing setstate called after disposing of and your setstate is not in widget tree, thankfully due to you I will be able to complete pending apps, You just gain a subscriber

  • @asgaraliyev8740
    @asgaraliyev8740 4 года назад

    Thank you very much .this is so nice explanation

  • @mirackdt4003
    @mirackdt4003 3 года назад

    You are the best. Thank you so much!

  • @thirdreplicator
    @thirdreplicator Год назад

    So awesome. Very little code and the result looks g reat!

  • @zedplusmedia2695
    @zedplusmedia2695 4 года назад

    Yes... you are *Samarth*
    Means... efficient

  • @romanayub
    @romanayub 5 месяцев назад

    Very useful , thank you

  • @nawafmufrej8857
    @nawafmufrej8857 4 года назад

    The best well explain ever.

  • @silverzero9524
    @silverzero9524 5 лет назад

    thank you very much dude
    i want to do something very similar
    i have a database with name,phone,address,etc
    and display names on main page and when someone clicks , display everything
    i thought it will take a long time to learn because i am new to dart & flutter
    but after watching this video i think i can do it a lot quicker than i thought

  • @yudhisthirsingh8401
    @yudhisthirsingh8401 4 года назад

    Dude this was amazing, has helped a lot. There's plenty of content here which is total garbage, Please make such point to point videos more often.

  • @iAsync
    @iAsync 3 года назад

    Very very nice 100% thank you for the tutorial ❤️

  • @muhammadibrahimkhwaja9969
    @muhammadibrahimkhwaja9969 3 года назад

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

  • @dhruvgarg5372
    @dhruvgarg5372 3 года назад

    Nicely done!!!

  • @HemalRathod
    @HemalRathod 2 года назад

    Wonderful work

  • @fernandopinto7905
    @fernandopinto7905 3 года назад

    gracias amigo me sirvió mucho tu video!!!

  • @ManojAP
    @ManojAP 3 года назад

    really helpful , thanks

  • @henriklein4952
    @henriklein4952 3 года назад

    Really nice explained

  • @pranavajay5528
    @pranavajay5528 Год назад

    Thank you for this one 😁🙏

  • @yusufkebbe2909
    @yusufkebbe2909 3 года назад

    Thank you so much very useful one

  • @juliusguevarra3729
    @juliusguevarra3729 3 года назад

    Well-explained! 👍👍

  • @dopedude101
    @dopedude101 5 лет назад

    This is a really helpful video

  • @mpilodlamini8407
    @mpilodlamini8407 4 года назад +1

    Thank you very much for this Brother, you helped me alot :)

    • @questionoverflowoverflow3967
      @questionoverflowoverflow3967 4 года назад

      Here is one example chat application with Firebase
      ruclips.net/video/xgX0e9_YtX4/видео.html

  • @sylviorydubuisson
    @sylviorydubuisson 5 лет назад +1

    Keep posting the good contents...

  • @maha2818
    @maha2818 4 года назад

    Awesome explanation

  • @infoetchbala
    @infoetchbala 4 года назад +1

    Great one. Thank you . is there any example to refresh API while pulling the page. ? Thank you

  • @masyez
    @masyez 5 лет назад +8

    Thanks alot man, if I have an array called users {
    Username,
    Full name
    }
    Instead of a string, how do I get the values?

  • @hussain5755
    @hussain5755 5 лет назад +1

    Ustad ban gaye ap hamare

  • @vaidhyanathansm7625
    @vaidhyanathansm7625 3 года назад

    Amazing Video! Thanks!

  • @punjabiwithjasman135
    @punjabiwithjasman135 4 года назад

    Thats it....thats what i have been searching for

  • @sadekhossain9566
    @sadekhossain9566 5 лет назад

    very simple and cool

  • @ozenuaoluwatobi
    @ozenuaoluwatobi 4 года назад +2

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

  • @rouatbimouhamedamine5310
    @rouatbimouhamedamine5310 4 года назад +1

    you're the best !!!

  • @SalemTech
    @SalemTech 5 лет назад +1

    Thank you for this tutorial !
    But i wanna ask you How to read a .txt file from assets without using 'path_provider' plugin
    i want to load the contents of that file and display it on a container
    thanks again

  • @edgarrodriguez701
    @edgarrodriguez701 3 года назад

    Thank you!

  • @GeekyGagan
    @GeekyGagan 4 года назад

    Very nice and simple bro

  • @user-gu5ts5nx8r
    @user-gu5ts5nx8r Год назад

    i have it done. thank you.