Part - 8 | Flutter Get API call with Null Safety || Building List with JSON Data with custom Model

Поділитися
Вставка
  • Опубліковано 16 січ 2025
  • In this video i will teach you how we can build list with json data using future builder. We will also discuss nature of APIS response and how then we can create our own custom model to fetch data from server and show it in APP.
    ► API Link ➜ jsonplaceholde...
    source code: github.com/axi...
    ► PlayList ➜ • Flutter REST API Tutor...
    ► Join Facebook Group ➜ / 983554978866765
    _____________/Connect On Social Media\____________
    ► linkedin:➜ / axiftaj
    ► Instagram:➜ / axif_taj
    ► Facebook:➜ / aaxiftaj
    ► Twitter:➜ / axiftaj
    ► GitHub:➜ github.com/axi...
    ► Hire me on Fiver:➜ www.fiverr.com...
    =========================================
    ► Flutter Blog App Playlist: • Flutter Blog App with ...
    ► How to capture image from camera in flutter:
    ► Link : • How to capture Image f...
    ► My Card App Flutter :
    ► User Circular Avatar Part 1 : • My Card App || Flutter...
    ► Use fonts in flutter Part 2 : • My Card App || Flutter...
    ► Final Part 3 : • My Card App || Flutter...
    ►Covid-19 Tracker App using Rest API's :
    • Create Coronavirus (CO...
    ►Firebase Blog App Android Java:
    • Firebase Blog App - Ho...
    ►C++ Tutorials :
    • C++ Programming Tutori... .
    rest apis,flutter get api call with null safety, building list with JSON data, future builder, flutter rest api tutorials crash course,
    For business queries : axiftaj@gmail.com
    Thank you for watching my channel do give feedback about this video.
    #flutter #fluttertutorial #form #components #flutter #asiftajtech

КОМЕНТАРІ • 127

  • @thetechbrotherss
    @thetechbrotherss  2 роки тому +3

    source code:
    github.com/axiftaj/Flutter-Rest-Api-Tutorials-With-Example
    do give a start if you it helped.

    • @AIHauntedHorizons-e3g
      @AIHauntedHorizons-e3g 2 роки тому

      sir aslam o alikum how to fetch data from map in a list then list in a map

  • @vishalgarna4580
    @vishalgarna4580 Рік тому +1

    Your explanation to good sirji 😊😊

  • @iShahzainAhmed
    @iShahzainAhmed 2 роки тому +2

    Very wonderfully explained sir! Thanks a lot!

  • @codinginflutter1234
    @codinginflutter1234 2 роки тому +1

    Sir 💖💖💖 Allah paak apko sehat yaabi wali zindagi dy Ameen💖💖

  • @pradhumnamirotha827
    @pradhumnamirotha827 2 роки тому +1

    Thanku so much brother you make easy for me ❤️❤️❤️
    Please continue like this series

  • @zaziwrites
    @zaziwrites 3 роки тому +1

    Amazing API tutorial, it helped me alot in my projects.

  • @fawadslifestyle4980
    @fawadslifestyle4980 8 місяців тому

    What was the purpose of AsyncSnapshot at 15:40
    Because my code runs perfectly without it? I want to know why did you used that for?

    • @thetechbrotherss
      @thetechbrotherss  8 місяців тому

      Oh yes it will still work fine, actually it's returning

  • @LearnFlutter
    @LearnFlutter 9 місяців тому

    thank you so much to make this video, Allah always keep you happy

  • @Saansh6462
    @Saansh6462 3 роки тому +4

    Thanks again ..... yes it helped me a lot and give me better understanding how future builder, model, future function. list, expanded working ... you define well.
    a thing i want to know that ... here you add Asyn snapshot .... and then use snapshot with index to show data ... in replacement of list object .. why?

    • @thetechbrotherss
      @thetechbrotherss  3 роки тому

      I think pass the model just to get the entities of the model. If i don't passed it then it wont't give me automatic hints of my parameters.

  • @AnirudhdhaChothani
    @AnirudhdhaChothani 2 роки тому +1

    Thank you so much brother for mack a easy learning.

  • @shahzadwarraich2911
    @shahzadwarraich2911 Рік тому

    Amazing playlist for flutter API, Thank you!

  • @starkstreak5583
    @starkstreak5583 2 роки тому +1

    sir pichli video ki treh normally access kyu nahi kia data?..assync snap ke bina bhi ho sakta hai na..jaise pichili video me kia tha..??
    if (!snapshot.hasData) {
    return Text('loading..');
    } else {
    return ListView.builder(
    itemCount: getlist.length,
    itemBuilder: (context, index) {
    return ListTile(
    title: Text(getlist[index].title!),

  • @billionaire_messanger
    @billionaire_messanger 2 роки тому +1

    Hi sir i hope you will be fine sir i created model but the data is showing in terminal not on the device the device only show circularprogressindicator.

    • @thetechbrotherss
      @thetechbrotherss  2 роки тому

      please watch the video carefully and check data is parsing to model or not

  • @checksum1
    @checksum1 2 роки тому +1

    Assalam o Alaikum 8 34 pa ap var data mein jb decode kr rhy hein to if statement ki body k andr kyun nhi decode kr rhy?

    • @thetechbrotherss
      @thetechbrotherss  2 роки тому

      Ap kr lain depends krta ha develop backend sy response kaisa return krta ha

  • @abdurrehman6203
    @abdurrehman6203 3 роки тому

    That's Really helpful , Great Job sir

  • @vathanachiem9879
    @vathanachiem9879 2 роки тому +1

    I have problem when get image ( i got the link image but it not show the picture )

    • @thetechbrotherss
      @thetechbrotherss  2 роки тому

      may be the image link is broken but if api data is coming then apis is working fine. replace it with static image

  • @auliyasstory8316
    @auliyasstory8316 Рік тому

    is ka fiyada hy ka hum class photos example two ma use karty hy?

  • @moeezahmedkhan
    @moeezahmedkhan 8 місяців тому

    Sir:
    FutureBuilder me builder wali property me apne AsyncSnapshot ye kiu use kia and
    Jab hamare pass data already List k andr tha tu apne snapshot.data![index].title.toString() ese kiu kia.
    ap direct ese bhi tu likh sakhte the photoList[index].title.toString().
    Kindly ye confusion clear krden Jazakallah

    • @thetechbrotherss
      @thetechbrotherss  8 місяців тому

      ap na bhi kro tab koi issue ni hoga, but this measn future fucntion ap ko is type ka data return kry ga

  • @hurbangash1302
    @hurbangash1302 2 роки тому +1

    alka za provider use kam sta na ba learn kary provider za problem kho ba na kayi kan?

  • @khubaibirfan9215
    @khubaibirfan9215 2 роки тому +1

    Photlist.length or snapshot.requiredData.length main kia farq hain?

  • @Webdesignanddevelopment
    @Webdesignanddevelopment 3 роки тому +2

    Many Many Thanks bro

  • @Sd70770
    @Sd70770 2 роки тому +2

    YEH DIFFICULT LAG RHI HAI SERIES.
    IS IT POSSIBLE K ISKO SKIP KR DYN? OR JO APKI NEXT VIDEOS HAIN WOH WATCH KR LYN. FLUTTER 2022 KI?

    • @thetechbrotherss
      @thetechbrotherss  2 роки тому +3

      hahahah ni skip ni krna sekho bar bar dekho phr smjh ay ge

  • @amitjajoo9510
    @amitjajoo9510 2 роки тому +2

    how to create dynamic form in flutter please explain asap

  • @amankhan-de9jd
    @amankhan-de9jd 9 місяців тому

    ager kisi api mai start jo hai wo array sai nahi hai wo object sai start horaha hai or us kai ander nested array bhi hai or nested objects bhi hai us ko kaisai handle karai gai is tariqai ki api bhot complex hoti hai

    • @thetechbrotherss
      @thetechbrotherss  9 місяців тому

      Nice question, jaise ap ny abhi object ki class create kia ha
      waise he ab my nested array ki class create kro with from json and to json function

  • @gamesden8021
    @gamesden8021 Рік тому

    sir yeah method api ko get karna ka jaab hi hoga na jaab jason ma every object ky key values same hongaai

  • @Ritik-lv2gg
    @Ritik-lv2gg 7 місяців тому

    Sir ye image render nahi ho rahi hai circle avatar me please tell me how to do it

    • @thetechbrotherss
      @thetechbrotherss  7 місяців тому

      Yeah image he aise ha use other link

    • @Ritik-lv2gg
      @Ritik-lv2gg 7 місяців тому

      @@thetechbrotherss okk thank you ❤️

  • @romzanali9930
    @romzanali9930 Рік тому

    nice explanation

  • @khubaibirfan9215
    @khubaibirfan9215 2 роки тому +1

    Or snapshot.data[index].url or snapshot.requiredData[index].url main kia farq hain?

    • @thetechbrotherss
      @thetechbrotherss  2 роки тому

      iska mtlb ha k ap array k under 1 parameter ha url k name jo ap access kr rahy ho

  • @maazafridi2090
    @maazafridi2090 2 роки тому +1

    what is difference between json.decode() vs jsonDecode() ??????????

  • @wahabrider9842
    @wahabrider9842 Рік тому

    AOA BHIA .. mne same to same code likha but sirf app bar build ho rha lkein future function nhi chl rha mean kch show nhi kr rha

    • @thetechbrotherss
      @thetechbrotherss  Рік тому

      Check api in postman if its working or not. Print snapshots for error if api is working than it’s mean your data is not parson to model

    • @wahabrider9842
      @wahabrider9842 Рік тому

      @@thetechbrotherss bhia postman me responce a rha ha lekin print(‘data’) run kia lekin kio responce nhi aya

  • @auliyasstory8316
    @auliyasstory8316 Рік тому

    async snapshot list q use kiya ya ks liya use kiya ?

  • @sakshim4640
    @sakshim4640 2 роки тому

    Actually i have a value of data type double but i am not able to show it, when i try to do it is showing me null error

    • @thetechbrotherss
      @thetechbrotherss  2 роки тому

      it means value are coming null, add .tostring to end and see how it works else handle null exceptions

  • @meenakshibhasin9456
    @meenakshibhasin9456 Рік тому

    Hi sir i have another question. Do you have any video in which we are passing json data from parent to child or vice versa.It will help me alot. I am not understanding how to proceed.

  • @Sanahashmi5363
    @Sanahashmi5363 Рік тому +1

    model.fromJson kesy hoga is mn?

  • @abhaymaurya8116
    @abhaymaurya8116 3 роки тому

    Hi asif kya aap bta skte hai multi select data apis ke through keise get kre aur use keise post kr skte .... Mujhe aap ka tarika aacha laga jis type se aat chhote chhote apis ke cheejo ko video me smjhaya maja aa gya ..i hope aage ke video me aap post method ke bare me btaye ..aur thoda jaldi video daale kyuki koi aacha sikhadata hai to maja aata hai sikhne me ..

    • @thetechbrotherss
      @thetechbrotherss  3 роки тому

      Hi abbay, thank you. Post Methods API are already uploaded. Ap agy is playlist ma dekh skty ha. Sorry videos ni post kr pa raha I caught high fever and it has been 2 weeks i didn't recovered.

    • @thetechbrotherss
      @thetechbrotherss  3 роки тому

      And yes see part 10 for better understanding of data manipulating.

  • @techmathwithkafeel1664
    @techmathwithkafeel1664 Рік тому

    love you sir

  • @ahsunhabib6584
    @ahsunhabib6584 Рік тому

    Nice tutorial

  • @hafizabdulrehman7532
    @hafizabdulrehman7532 Рік тому

    Great Videos Sir
    Sir I've a question
    When we write anything inside what does it mean?

  • @shahhitu6183
    @shahhitu6183 29 днів тому

    Why is it not showing images?

  • @Hamza-dw4iw
    @Hamza-dw4iw Рік тому

    What does map i in data means?

  • @dharmikvora2211
    @dharmikvora2211 Рік тому

    Maine sem code likha par Mera api phone Mai data show nahi ho raha hai

  • @required.
    @required. 2 роки тому

    List abc = [ ]; , what does this statement mean? , I am asking from previous video .

    • @thetechbrotherss
      @thetechbrotherss  2 роки тому

      Means to store the the data in a list with models. List is just a list and then model parse the objects value inside the list. Model helps to parse the data.

  • @amitpersonal6820
    @amitpersonal6820 Рік тому

    Brother this code is not working again
    If we
    Pass in for loop
    for( map I in data){
    PhotosList.add(Photos.fromjson(i));
    )
    Text(PhotosList[index].title,)
    Kare tab pass hota h
    Brother
    Ye second tarike se data pass karne wala dikhao again
    Jisme aap snapshot se title or photos ko lekar aa rhe ho

    • @thetechbrotherss
      @thetechbrotherss  Рік тому

      Bro you are doing something wrong please follow the process with. Hundred of students has done this.

  • @muhammadalimirza4182
    @muhammadalimirza4182 2 роки тому +1

    Network image load nahi ho rahi

  • @medhavisharma1429
    @medhavisharma1429 Рік тому

    amazing

  • @medhavisharma1317
    @medhavisharma1317 Рік тому

    gooood

  • @CodeWithMaya07
    @CodeWithMaya07 2 роки тому +2

    Can you add English subtitles

  • @realpuneetsharma
    @realpuneetsharma Рік тому

    bhai interview ke quotations ka tutorial leke aooo.

  • @kmailabbas5000
    @kmailabbas5000 2 роки тому +1

    sir aap ke har vedio ma awaz bohot slow hoti hai

    • @thetechbrotherss
      @thetechbrotherss  2 роки тому

      Yar ap thora on kr lo i think slow ni ha this is the first comment jo voice ka keh raha ha

  • @Kitty1cat
    @Kitty1cat 6 місяців тому

    Sir baqi sub tik hai lekin ye CircleAvatar mai color same hai 😂😂😂😂?

    • @thetechbrotherss
      @thetechbrotherss  6 місяців тому +1

      hahhahahah koi bat learn the concepts and study api response

    • @Kitty1cat
      @Kitty1cat 6 місяців тому

      @@thetechbrotherss
      Ok

  • @devmarwat
    @devmarwat 3 роки тому +1

    Sir Video Quality is too low to watch

    • @thetechbrotherss
      @thetechbrotherss  3 роки тому +1

      Actually software was processing the HD version of video and i make it public before hd version got processed, now this issue is resolved. Do subscribe and keep sharing keep watching.

  • @--Manoj007
    @--Manoj007 Рік тому

    Write the code in the neat manner

    • @thetechbrotherss
      @thetechbrotherss  Рік тому

      for cleaner code, check my mvvm and mvc courses.
      This playlist is entirely design to teach ABC of APIs

  • @ShadabKhan-ib7me
    @ShadabKhan-ib7me Рік тому

  • @waleedasghar1834
    @waleedasghar1834 Рік тому

    for(Map i in data){
    postList.add(PostModel.fromJson(i));
    }
    Sir i have problem in PostModel.fromJson(i);

  • @Quotasticmind3157
    @Quotasticmind3157 Рік тому

    Sir hm ye model plugin pe kio nhi kerte post wala Api our ye photos wala Api same hain agar nhi hota to hamain kese pata chale ga ke is ko custom model bnainge our us ko json to dart wala plugin wala pe banainge

    • @thetechbrotherss
      @thetechbrotherss  Рік тому

      Bro mainy bht detail ma explain kia ha part 6 part 11 tak please follow the playlist to clear your concepts once for all