Flutter beginners tutorial: Make HTTP requests to a REST API. Fetch data from the network.

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ก.ย. 2022
  • By the end of the video, you'll have a clear understanding of the following concepts:
    1. How to perform asynchronous operations in Flutter?
    2. Difference between asynchronous and synchronous functions? Why/When do we need asynchronous functions?
    3. What is Future, FutureBuilder ?
    4. When to use await and async?
    5. How to make HTTP (GET/POST/PUT/DELETE) requests to a REST API from Flutter?
    7. How to fetch a list of items from the network and display it on the UI using a FutureBuilder?
    8. How to fetch data of individual items by ID from the network and display it on the UI?
    9. How to send data to a REST API?
    10. How to update data through a REST API?
    11. How to delete data through a REST API?
    SOURCE CODE: github.com/gitanjal/flutter_h...
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 53

  • @johnmungandi4413
    @johnmungandi4413 ปีที่แล้ว +1

    A good flutter teacher on TH-cam said about the letter. I have never seen a video like this anywhere. All my doubt have been cleared in one video. Thanks to you.

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      Glad it was helpful! Stay connected.

  • @user-dv1ps1ir7z
    @user-dv1ps1ir7z ปีที่แล้ว

    Very helpful video short and very detailed. I will say thank you again because this is the best I have seen so far

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      Glad it was helpful! Stay connected.

  • @shadrackongera1216
    @shadrackongera1216 ปีที่แล้ว

    Great video! Your explanation was just what I needed, and you went into meticulous detail to make sure I understood everything. Thanks for sharing your expertise!

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      Glad you liked it! Welcome to the channel, Stay connected.

  • @lcppb
    @lcppb ปีที่แล้ว

    Excelente Explicação CRUD REST API......Parabéns

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      Obrigado, permaneça conectado

  • @tilttrader
    @tilttrader ปีที่แล้ว

    great video.Problem solved in a single video

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      Glad it helped, stay connected.

  • @replaytvsenegal7664
    @replaytvsenegal7664 ปีที่แล้ว +1

    good job thanks you from Senegal Africa

  • @abdulhamidkhorajiya2256
    @abdulhamidkhorajiya2256 ปีที่แล้ว

    Excellent video 😊

  • @lanreadedara5088
    @lanreadedara5088 ปีที่แล้ว +1

    You did good with this video

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว +1

      Thank you very much. I am trying to do better, stay connected.

  • @bestoftheinternet3421
    @bestoftheinternet3421 ปีที่แล้ว +1

    thanks sir

  • @user-dv1ps1ir7z
    @user-dv1ps1ir7z ปีที่แล้ว

    thank you

  • @bestoftheinternet3421
    @bestoftheinternet3421 ปีที่แล้ว

    nice

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว +1

      Glad you liked it. Stay connected.

  • @agony4181
    @agony4181 ปีที่แล้ว

    If i would can get more one like this video i would do this

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      Thanks for commenting, I hope the video was helpful to you. Stay connected.

  • @viandaelendherlina5923
    @viandaelendherlina5923 ปีที่แล้ว

    good teacher

  • @codewithdarkeh
    @codewithdarkeh ปีที่แล้ว

    Thanks so much, I have got to understand very well. Besides, my post_list page showed the circular progress indicator and not the data. I tried catching the error, but it seems everything is working fine. What do you suggest?

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      Hi if you are still having the error, then check whether you are returning the appropriate widget from the builder function when data is available.
      Sorry for the delay in responding. Stay connected.

  • @schoolbook1
    @schoolbook1 ปีที่แล้ว

    Superb brother. Can you do the same with help of GetX library?

  • @dushyantsharma2415
    @dushyantsharma2415 ปีที่แล้ว

    i have an error
    _CastError (type '_InternalLinkedHashMap' is not a subtype of type 'List' in type cast)

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      Most probably you are getting this while trying to fetch the details of one post, right! (may be at snapshot.data).
      Meaning: You are trying to put an instance of Map in a List.
      Solution: Try changing the type of the variable(Where you want to put the result) to a map.

  • @theifeanyi
    @theifeanyi ปีที่แล้ว +1

    in the Post Details page, you passed "post" into EditPost page at 32.29 timeline, how did you identify it within that context? mine is showing unidentified post

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      Let me check

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว +1

      This is a valid confusion; I am sorry for that.
      Declare the "Map post" above the build function ---
      late Map post;
      @override
      Widget build(BuildContext context) {}
      Inside the builder function of the FutureBuilder , once you get the data assign it to the variable post
      if (snapshot.hasData) {
      post = snapshot.data!;
      .....}
      Take a look at relate source code on the link below:
      github.com/gitanjal/flutter_http_basics/blob/master/lib/screens/post_details.dart

    • @theifeanyi
      @theifeanyi ปีที่แล้ว +1

      @@droidmonk4820 working now. thanks alot!

  • @aayushstha4137
    @aayushstha4137 ปีที่แล้ว

    How to do this with a data model?
    Thanks for the video

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      You'll need to parse the json and create the instance of the model.
      Have you tried anything?

    • @aayushstha4137
      @aayushstha4137 ปีที่แล้ว

      @@droidmonk4820 Yes i did one page and I was successful showing all the users but I wanted to do it for one user by using thier user ID and I could not do it.

  • @viratabd4992
    @viratabd4992 11 หลายเดือนก่อน

    Can you make a playlist for restapi flutter bro❤

    • @droidmonk4820
      @droidmonk4820  11 หลายเดือนก่อน

      I shall create for sure. Stay connected, thanks.

    • @viratabd4992
      @viratabd4992 11 หลายเดือนก่อน

      Sure bro

  • @Pyrotech6969
    @Pyrotech6969 ปีที่แล้ว

    hii, i am getting error that is '_InternalLinkedHashMap' is not a subtype of type 'List', i am trying to fetch data from twelve data api, plese help

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      Most probably you are getting this while trying to fetch the details of one post, right! (may be at snapshot.data).
      Meaning: You are trying to put an instance of Map in a List.
      Solution: Try changing the type of the variable(Where you want to put the result) to a map.

    • @Pyrotech6969
      @Pyrotech6969 ปีที่แล้ว

      @@droidmonk4820 i am sorry, the code workd fine, i made mistake while fetching data from api

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      No worries. Stay connected.

  • @gregorybecker2231
    @gregorybecker2231 ปีที่แล้ว

    I am getting the error 'The method 'jasonDecode' isnt defined for the typre 'HTTPHelper'.

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      Add the line below at the top of the file containing the HTTPHelper class.
      import 'dart:convert';
      The method jsonDecode belongs to the library dart:convert . Thus you must import the library to be able to access it.

    • @gregorybecker2231
      @gregorybecker2231 ปีที่แล้ว +1

      I fixed it... changed Import 'dart:convert' to Import "dart:convert' as cnv then changed items = cnv.jasonDecode(jasonString)

  • @aravindhkumar69
    @aravindhkumar69 ปีที่แล้ว

    how i contact you sir...please reply to me....

    • @droidmonk4820
      @droidmonk4820  ปีที่แล้ว

      Let's connect on LinkedIn
      www.linkedin.com/in/gitanjal