Flutter: Infinite Scrolling ListView (HTTP GET)

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ม.ค. 2025

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

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

    This might help you :)
    👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: github.com/JohannesMilke/infinite_scroll_listview

  • @AhmedMohamed-gt3yl
    @AhmedMohamed-gt3yl 2 ปีที่แล้ว +6

    Your video are awesome dude, they are short , full of tec and accurate.
    Thank you for the effort

  • @1996END
    @1996END ปีที่แล้ว

    I spend many hours on the Circular Progress Indicator. When the information was loaded it was still displayed without disappearing. Luckily I found this video, thanks

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

      Glad it was helpful, @1996END 😀

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

    Honestly, you're definitely my favourite go to channel whenever I need some ideas on how to do anything for Flutter. Everything is made simple and crisp in just a few minutes of your video. Love it and thanks alot.

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thanks, Milini! 🙂

  • @elizabethkariuki3281
    @elizabethkariuki3281 2 ปีที่แล้ว +2

    Hey, thanks a million, I was stuck on this pagination issue for some days now

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

    The explanation is concise and straightforward.

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

      Glad to hear that, Thank you Vishal Thummar! 😊

  • @dzTiger23
    @dzTiger23 2 ปีที่แล้ว

    Big thanks bro. Best flutter Channel🔥🔥🔥🔥

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

    Awesome... Just straight to the point..

  • @JohnnyFantaOrange
    @JohnnyFantaOrange 2 ปีที่แล้ว +6

    It would be great if you would share your source code, I've tried signing up numerous times but I never received an email.

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

    What if the infinite load when scrolling from above? I want my app to be able to scroll both ways (up and down), much like chat. do you have any reference about this?

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

      Thank You @Bauroziq! Follow this link: stackoverflow.com/questions/63232624/flutter-infinite-scroll-always-reset-the-view
      I hope you will get your answer 🙂

  • @KudoSolution
    @KudoSolution 2 ปีที่แล้ว

    Thank you ! Your channel is so good!

  • @syedhannan546
    @syedhannan546 2 ปีที่แล้ว

    2:20 is there any way to call the api function even before the scroll reaches last position since with this approch in video the user has to go till end and then again wait for the data to load.
    Can we just call the api if the user is half way there scrolling down?

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

      Thank You Syed Abdul Hannan! Follow this link: stackoverflow.com/questions/43485529/programmatically-scrolling-to-the-end-of-a-listview
      I hope you will get your answer 🙂

    • @syedhannan546
      @syedhannan546 2 ปีที่แล้ว

      @@HeyFlutter thanks a lot

  • @syedhannan546
    @syedhannan546 2 ปีที่แล้ว

    2:03 is it possible to have the http call function in some other file for example service.dart and then dynamically change page numbers?

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

      Hey, Syed Abdul 🙂 This is possible you can take some help from state-management to achieve your goal

  • @muhammadhasyimasyari6389
    @muhammadhasyimasyari6389 2 ปีที่แล้ว +4

    Great tutorial🔥
    Would you do it with state management like blocs?

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

    Pls put video for image cropping for webview using flutter

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

    Can you please make a jwt authentication approach in flutter?

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

    gerat explaination man🔥🔥🔥🔥

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

      You’re most welcome, @ankitlaller4749! 🙂

  • @pubgteammatetroll4585
    @pubgteammatetroll4585 2 ปีที่แล้ว

    Item in listview will refresh when inserting an item to the top...is there any solution to fix this issue?

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You melody! Follow this link: github.com/flutter/flutter/issues/26494
      I hope you will get your answer 🙂

  • @shariqali9000
    @shariqali9000 2 ปีที่แล้ว

    I need a source code but I can't get it from your website. can you help me ?

  • @Ksl.23
    @Ksl.23 2 ปีที่แล้ว

    Thank you so much Johannes!

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      You’re most welcome, Kushal Gurung! 🙂

  • @alexmaina3328
    @alexmaina3328 2 ปีที่แล้ว

    Awesome content , kaboom for this.

  • @yemenswift7117
    @yemenswift7117 2 ปีที่แล้ว

    Hey, thanks a million
    I have an issue the controller listener does not work
    how can i fix it?

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

      Hello, Yemen Swift! Follow this link: stackoverflow.com/questions/65717703/scroll-controller-is-not-listening-to-scroll-in-flutter
      I hope it will solve your problem. Thank You 🙂

    • @yemenswift7117
      @yemenswift7117 2 ปีที่แล้ว

      @@HeyFlutter Thankyou very much .I appreciate your efforts .
      My problem was ,The ListView has only 5 items , No Scrolling yet , So I increase its items

  • @md.ruhulamin7963
    @md.ruhulamin7963 2 ปีที่แล้ว

    Very helpful content. Thank you sir.

  • @88billizzard88
    @88billizzard88 2 ปีที่แล้ว

    Great video, thanks!

  • @nikhilkukreja8498
    @nikhilkukreja8498 2 ปีที่แล้ว

    Thank you Johannes ❤️🤗

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

    thank you!

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

    this is awesome but when i refresh the data, it duplicate the first data, how to solve the duplicate data when refreshing ?

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

      Hey, @zulfadlifauziishak6697 🙂 you'll have to clear previous data to solve this issue

  • @alex.x8782
    @alex.x8782 2 ปีที่แล้ว

    What should I do if I want my list view with pagination but the API only allows me to return the whole list?

    • @alex.x8782
      @alex.x8782 2 ปีที่แล้ว

      @@HeyFlutter Thanks a lot Johannes!

  • @balotte
    @balotte 2 ปีที่แล้ว

    You are THE BEST

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Glad to hear that, Thank you Marcel Henrique! 😊

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

    hey how can i do that using a number a paginator

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

      Thank You Belkacem Touil! Follow this link: pub.dev/packages/infinite_scroll_pagination
      I hope you will get your answer 🙂

  • @hashankannangara8723
    @hashankannangara8723 2 ปีที่แล้ว

    Thanks a lot. Useful video ❤️😎🤘

  • @thiagolopessilva
    @thiagolopessilva 2 ปีที่แล้ว

    Thanks for share this amazing content.

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Glad you liked it, Thiago Lopes Silva 😀

  • @imopn
    @imopn 2 ปีที่แล้ว

    how would this work if you wanted to prioritise content based on a weighed system e.g youtube might prioritise some content over others due to views or how it trends and possibly even display google adds in-between the content given its native in Flutter now.

    • @imopn
      @imopn 2 ปีที่แล้ว

      @@HeyFlutter Well say you have content you will display as users scroll. But just like youtube or any other social site they would rank content based on what ever metrics they decide is important. E.g. maybe the amount of views over time to calculate the trend. Trending content may be at the top of the list.
      Also as people scroll you might include google admob adds too almost like google feed if you swipe right on your home screen. But this might only be after every 10th piece of content you show.
      So wondering how you would implement a ranking system along with the infinite scroll to get this constant feed of ranked content and adds
      Not sure if I made it any better

  • @ChrisHalden007
    @ChrisHalden007 2 ปีที่แล้ว

    Excellent. Thanks

  • @Daniil-wq9io
    @Daniil-wq9io 2 ปีที่แล้ว

    Hello again! Please tell me why, depending on the incoming number of records from the server, after unloading all the elements, the loading wheel may remain.
    For example, 9,10,16 displays a message that there are no more records, and sometimes, on a different number of records, for example 15, 3 and others, the scroll wheel remains, what's the problem? The limit is 9, but if I set it to 10 then others will have a scroll wheel and others won't.

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You Daniil!. Can you please explain your question a little bit? I didn't get it

    • @Daniil-wq9io
      @Daniil-wq9io 2 ปีที่แล้ว

      @@HeyFlutter I don't always see "no more posts", sometimes the download continues even though all the posts have already been uploaded

  • @Daniil-wq9io
    @Daniil-wq9io 2 ปีที่แล้ว

    Sorry, I have a mistake, how can I fix it?
    Error - The method 'initState' isn't defined in a superclass of 'Report'. (Documentation) Try correcting the name to the name of an existing method, or defining a method named 'initState' in a superclass

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You Daniil! Follow this link: stackoverflow.com/questions/71573213/the-method-initstate-isnt-defined-in-a-superclass-of-chatroom
      I hope you will get your answer 🙂

    • @Daniil-wq9io
      @Daniil-wq9io 2 ปีที่แล้ว

      @@HeyFlutter Thank you! You are best!

  • @mortezabesharati7806
    @mortezabesharati7806 2 ปีที่แล้ว

    Awesome & Perfect ❤️❤️❤️❤️❤️❤️❤️

  • @mayur16
    @mayur16 2 ปีที่แล้ว

    Great content thank you so much

  • @mohsenmohamed2281
    @mohsenmohamed2281 2 ปีที่แล้ว

    Thank you so much 💓

  • @rohansengupta667
    @rohansengupta667 2 ปีที่แล้ว

    WAS FINDING JUST THIS, THAT HOW TO STOP THE LAZY LOADING. THANKS MAN.

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      You’re most welcome, Rohan Sengupta! 🙂

  • @eNONO-ot4zh
    @eNONO-ot4zh 2 ปีที่แล้ว

    Thank u Johannes 👍

  • @laraibanwar1618
    @laraibanwar1618 2 ปีที่แล้ว

    man why am I not able to access the source code

  • @abdallahboucedraya
    @abdallahboucedraya 2 ปีที่แล้ว

    hi i can't access your code source

  • @최영훈-y9e
    @최영훈-y9e 2 ปีที่แล้ว

    Thank you very much

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      You are welcome, 최영훈 😊

  • @miladhesami6630
    @miladhesami6630 2 ปีที่แล้ว

    Good toturial

  • @sumaiyakawsar
    @sumaiyakawsar 2 ปีที่แล้ว

    Love your videos. How to do the same with a json file with data in the project directory? (I am using DefaultAssetBundle)

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank you, Sumaiya Kawsar! Check out this video about fetching json data: th-cam.com/video/1OEhIpBIZXM/w-d-xo.html

  • @deepjyotibaishya7618
    @deepjyotibaishya7618 2 ปีที่แล้ว

    how to progress in grid view

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

      Thank You Deepjyoti Baishya! Follow this link: stackoverflow.com/questions/60777337/how-to-add-progress-bar-to-the-end-of-gridview-when-im-fetching-next-data
      I hope you will get your answer 🙂

  • @AllTechSavvy
    @AllTechSavvy 2 ปีที่แล้ว

    Just one correction Page = 1 not page = 0

  • @DL-gg3sb
    @DL-gg3sb 2 ปีที่แล้ว

    Thank you for the excellent video.
    It does not work with fewer data.
    You can face it when generate list with low index like `List.generate(1, (index) => "index: $index")`
    How to fix it?

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

      Thank you, Sittiphan Sittisak! 🙂. Kindly share the error message here.

    • @DL-gg3sb
      @DL-gg3sb 2 ปีที่แล้ว

      @@HeyFlutter It is not error, it just not work with fewer data.

  • @deepjyotibaishya7618
    @deepjyotibaishya7618 2 ปีที่แล้ว

    how to do this in gridview

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You Deepjyoti Baishya! Follow this link: stackoverflow.com/questions/61707587/best-practices-for-implementing-an-infinite-scroll-gridview-in-flutter
      I hope you will get your answer 🙂

  • @joezzynalz
    @joezzynalz 2 ปีที่แล้ว

    My former code from flutter 2 was no longer working ...thanks

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      You are welcome, Joseph Onalo!

  • @IvanSanchez-es4qt
    @IvanSanchez-es4qt 2 ปีที่แล้ว

    Awesome video!! I just saw an error in the 3:21. When you refresh the state you should set the page = 1 instead of page = 0. Otherwise you will be requesting twice at the beginning.

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thanks for sharing, @user-ot6vc9ix3y! 🙂

  • @rahulmp7109
    @rahulmp7109 2 ปีที่แล้ว

    Good video

    • @rahulmp7109
      @rahulmp7109 2 ปีที่แล้ว

      How to do pagination in riverpod can you do a video on this, like infinite scroll pagination package

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

    Thank you for the very clear and simple explanation...!

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

      Glad to hear that, You are welcome Kiran Jadhav! 😊

  • @mohammedfoad9020
    @mohammedfoad9020 2 ปีที่แล้ว

    your videos are awesom but I want to know why do you explain fast and everything is copy and paste ? it is more difficult to understand .

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Hey, mohammed foad 🙂 it helps to keep the video short and crispy

  • @srana977
    @srana977 2 ปีที่แล้ว +2

    Your are forcing people to subscribe to your newsletter first(condition: ask your 7 friends to subscribe first to newsletter) in order to get access to your code. This is unethical.

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank you, surinder kumar! 🙂

  • @sarathrkrishnan6610
    @sarathrkrishnan6610 2 ปีที่แล้ว

    ❤️

  • @mga82810
    @mga82810 2 ปีที่แล้ว

    halo

  • @rustyutb
    @rustyutb 2 ปีที่แล้ว

    Second!!!!

  • @Abdallh-w4h
    @Abdallh-w4h 2 ปีที่แล้ว

    Dislike because your code in GitHub is private and need access
    Why the fuck is that 😕

  • @phviralhub
    @phviralhub 3 หลายเดือนก่อน

    Your videos are useless. requesting github access even in simple code and no response is very useless

    • @HeyFlutter
      @HeyFlutter  3 หลายเดือนก่อน

      Thank You @phviralhub!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware

  • @iqaiserhussain
    @iqaiserhussain 2 ปีที่แล้ว

    This condition helped me avoid multiple API calls.
    if (prov.scrollController.position.atEdge && prov.scrollController.position.pixels != 0.0)

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

      Great, Thank you Qaiser Hussain!

    • @iqaiserhussain
      @iqaiserhussain 2 ปีที่แล้ว

      @@HeyFlutter You are always welcome, Johannes.