Flutter Tutorial - FutureBuilder - Load JSON From Network & Local

Поделиться
HTML-код
  • Опубликовано: 19 окт 2024

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

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

    This might help you :)
    👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: github.com/JohannesMilke/futurebuilder_example
    Firebase CRUD Tutorial: ruclips.net/video/EV2DyrKOqrY/видео.html
    Firebase Pagination Tutorial: ruclips.net/video/IruuzPydPz4/видео.html
    Firebase Chat App Tutorial: ruclips.net/video/wHIcJDQbBFs/видео.html
    Google Sign In Tutorial: ruclips.net/video/ogW83xGQGTg/видео.html
    Email Sign In Tutorial: ruclips.net/video/rnHAInnjCmM/видео.html
    Preload Images Into Cache Tutorial: ruclips.net/video/M43XWGV3TE8/видео.html
    Skeleton Loading Screen Tutorial: ruclips.net/video/Z2kKlM1WfRY/видео.html
    Builder & Context Tutorial: ruclips.net/video/ALmd6jLqUK8/видео.html

  • @yoapps137
    @yoapps137 3 года назад +5

    This is one of the most misunderstood widgets.. And I am so glad you covered it.. Because it can smoothen out your development process when you have a pause & need to await data. Thanx again :-)

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

    You are the best flutter developer on the internet so far.

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

    Awesome tutorial. Exactly what I was looking for. Thank you.

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

    Thanks for this good explanation. Very helpfull!!

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

    It is awesome! Exactly what I was looking for. Thanks a lot!

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

    you are the best , thank you for this amazing video

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

      Glad to hear that, You are welcome @viyanmohmad4576! 😊

  • @bijayaadhikari442
    @bijayaadhikari442 3 года назад +2

    Waiting this moment

  • @user-or7ji5hv8y
    @user-or7ji5hv8y 3 года назад

    very well structured example

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

    Thank you this tutorial was so helpful to me.

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

    You are AWSOME!
    Thank you so much!

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

    You are the best

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

    Nice video with great logic.

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

    Another Great Video.
    Thank you very much....

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

    Thank you to share this knowlages !

  • @thushankalana4940
    @thushankalana4940 3 месяца назад

    Thank you❤

    • @HeyFlutter
      @HeyFlutter  3 месяца назад

      You are welcome, @thushankalana4940 😊

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

    Awesome videos bud. just a small request . can you please slow down a bit it will be very helpful

  • @ferrari.nikita33
    @ferrari.nikita33 3 года назад

    Loved the video! But one question how do you prepare nested JSON data?

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

    Thank you, for me it's better to watch videos to learn fast and your channel it's helping me to learn. How do you create the gifs from apps in github?

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

    MEGA Tutorial :-)
    ist es eigentlich möglich eine 2 json Datei anzulegen, sodass beim Öffnen des Profils dort auch Daten sowohl aus der 1., als auch aus der 2. json-Datei mit eingesetzt/angezeigt werden können?

  • @josephanyim9458
    @josephanyim9458 3 года назад +2

    This is a great video, i do have an issue with loading data from the internet, I keep getting this.
    ''
    method not found
    Receiver: null
    Arguments: []
    Please help, thanks.

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

      Thanks, Anyim! 🙂 Make sure to upgrade to Null Safety so that no Null errors can occur anymore.
      1) Null Safety In 5 Minutes Tutorial: ruclips.net/video/Q_WloMNKOkU/видео.html
      2) Migrate App To Null Safety Tutorial: ruclips.net/video/GLnQphHi1BY/видео.html

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

    thank you .. could you make tutorials on pm3 player with api

  • @user-jp88
    @user-jp88 3 года назад

    Thank you for kind teaching. If I want to fetch some part of data(query data) from that json file, Is it possible or complex? If possible, I was wondering if I add any codes to this source.

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

      Thank you, Paul Jang! 🙂. You could learn more about fetching data from json file here: medium.com/hardwareandro/retrieving-json-data-in-flutter-c9ff12a05667

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

    Hello, if I have a question about Flutter, how can I share it with you?

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

      ​@@HeyFlutter I can not put long questions and codes here, my questions are about the codes that I have trouble inside the filter.
      Can I contact you by email and send you my problems by email?

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

    Hi, can I use futurebuilder to iterate on DataTable? And how to do it without the listview? Thanks from Brazil!

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

      Thank You DANILO CARNEIRO CHRISTENSEN! Follow this link: stackoverflow.com/questions/61242416/how-to-loop-through-a-list-to-populate-a-table-in-flutter-and-dart
      I hope you will get your answer 🙂

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

    Hi
    Thanks For This Tuts
    Please Make Video TUTS To How Parse Nested Json In "Card" Or "ListView" Widget
    Thank You. ❤

  • @GauravKumar-lx5vn
    @GauravKumar-lx5vn 2 года назад

    Please make video on how to make posts like social media apps using firebase

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

    Nice

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

    Greetings from Colombia, thank you very much for your video, can you please make a video with flutter_bloc 8? consuming rest api and using Widget flutter SliverList please.

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

    What is the difference between Futurebuilder & Streambuilder? Please make video on this.

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

      @@HeyFlutter Thank you.

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

      Thank You Mudassar Khan! Follow this link: flutteragency.com/what-are-streambuilder-and-futurebuilder-in-flutter/#:~:text=Both%20StreamBuilder%20and%20FutureBuilder%20have,JS%20or%20Task%20in%20c%23.
      I hope you will get your answer 🙂

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

    what if you dont make User.dart section? i mean why you made it to a list while you can ignore it but what is the matter of it?, plus what about multiple json files? thanks

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      Thanks, Muhammad Rasul! 🙂 It is more convenient to work with dart classes since it suggests you automatically the fields that you can use. Sure you use also multiple json files, the procedure is the same

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

    Teacher l want to ask you question. For example l want to create Facebook clone. When l click the username from page, New Page will Open and l will see all of user articles and user has 10000 articles. of course if l wait for downloading all articles , this will take a lot of times. How can l create as facebook that, when l scroll down, new articles will show in page. This is Stream or what? Can u help me pojalusta ?
    Thanks in Advance .

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

    Hey Johannes, I am looking for some sorta Future Widget that I can use through out my screens in my app

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

      @@HeyFlutter awesome! Thank you 😊

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

      Thank You Ultra Maxx! Follow this link: api.flutter.dev/flutter/widgets/FutureBuilder-class.html
      I hope you will get your answer 🙂

  • @dev.faizan
    @dev.faizan 3 года назад

    fetch json from network and save locally?

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

    Kindly make videos on Real-time database.

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

      Like firebase realtime database where data updates in Real-time and visualized in app.

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

    Mysql database to connect with flutter datatable to take video bro...

  • @mohammedal-salehi4678
    @mohammedal-salehi4678 Год назад

    Could you teach me how I can do that using Getx package, please?

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

      Thank You Mohammed Al-Salehi! Follow this link: morioh.com/p/22899f34cea2
      I hope you will get your answer 🙂

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

    Can you make a tutorial on getting XML data?

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

    I have been searching for a good solution for my problem hope you may give it. Actually, I am fetching data from the backend using future builder, eveytime the widget rebuilds or the screen changes the future fires again and gets the same data. What I want is to fetch the data only once even page /screen changes and comes back.

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

      @@HeyFlutter Thank you for the reply. I have tried it but it only works for not firing future when state is rebuild. But actually what I want is not to fire the future even I navigate to another screen and pops it out. Simply to say, My requirement is I want to get data only once for the time he has opened the till he closes it. Just like in a dating app ex: bumble the user get suggestions/matches only once and like them or dislikes. I know this is some lengthy description but it will be helpful if you could get me some solution.

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

      Anything about this??

    • @opinionMe
      @opinionMe 2 года назад +1

      @@saitejd8108 use future provider bro

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

      Thank you, TEJA DANDE! 🙂 you can assign your Future function to a Future variable and inside futureBuilder you can assign that future: futureVariable instead of future: futureFunction()

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

    I want to access the integer value from json data.....!!! But it is showing error........!! Can you please help me...?
    Thank you....!!

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

      @@HeyFlutter Thank you so much for your reply.....!!! I have solved it.....!!!
      so the problem was to fetch the x and y value, which is in integer to plot the line graph. I used the quicktype website to create the model class and then after i simply called the FutureBuilder function.
      FutureBuilder(
      future: fetchItems(context),
      builder: (context, snapshot) {
      if (snapshot.hasData) {
      List ecg = snapshot.data;
      return _buildChart(context, ecg);
      }
      return CircularProgressIndicator();
      },
      ),
      Future fetchItems(BuildContext context) async {
      final jsonString =
      await DefaultAssetBundle.of(context).loadString('assets/data.json');
      return ecgFromJson(jsonString);
      }

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

    Johannes Milke

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

    in local json im having an error
    : Error: Member not found: 'fromJson'.
    return body.map(Plants.fromJson).toList();
    ^^^^^^^^

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

      also in buildUsers(users) my users is error.The argument type 'List?' can't be assigned to the parameter type 'List

  • @АлександрИванов-ю8с8г

    cool

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

    .map and. toList is not working in userApi class

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

      @@HeyFlutter what is the solution it’s still not working it’s 1.00 am in country but the problem is still irritating me!

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

    in pt-br, we say: incrivelmente foda
    wich means incredibly fuck!!
    thanks for share with us

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

    sir starter source code please, next time.

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

    could you just please write the code while you are talking not copy and paste the while recording

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

    Emma spoon 😅

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

    you are explaining things too fast bro try explaining it in a detailed way and take time

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

    How to get assets image using json??

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

      @@HeyFlutter thanks👍👍

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      Thank you, Mohammed Aamir! You could learn more about to get assets image using json here: stackoverflow.com/a/56277572