Flutter Infinite Scrolling Pagination for ListView

Поділитися
Вставка
  • Опубліковано 15 вер 2024
  • Create an Infinite Scrolling ListView with pagination in Flutter. The Infinite Loading ListView uses HTTP GET to fetch and load more data from a server.
    👉 12 Week Flutter Training | heyflutter.com
    👉 Flutter Masterclass Courses | heyflutter.com...
    Source Code: drive.google.c...

КОМЕНТАРІ • 65

  • @HeyFlutter
    @HeyFlutter  Рік тому +3

    12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: drive.google.com/file/d/1PMbCLmiSRBZLe340jjl5NBKSktAyzTjZ/view?usp=sharing

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

    a subject could only be explained in such a complicated way thank you

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

      Glad you liked it, @stalkinstalk9813 😀

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

    Thank you for the wonderful video sir it is very helpful for me and my team, Thanks again sir

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

      You are welcome, @pravinprince3221 😊

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

    Man plz tell me how to fix this issue am trying to make wallpaper app i have hq quality images and preview images url from my api, but using the list builder and also cached network images widgets as soon as i scroll to not even the middle of the list the app crashs and shows memory error how to fix this i saw other flutter wallpaper apps and load extremely hq images with no quality loss in huge lists and still run smoothly
    I really wonder how that is done so perfectly i already tried to compress the images but that reduces the quality so much and also takes even more time to load the images
    Help

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

      Thank You @Grinwa! Follow this link: stackoverflow.com/questions/56499485/out-of-memory-when-loading-images-to-a-flutter-gridview
      I hope you will get your answer 🙂

  • @TungNguyen-lt5ej
    @TungNguyen-lt5ej Рік тому

    Thank you! your video very useful. From VietNam with lov3!

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

      You are welcome, @user-wu9gn6zf6g 😊

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

    Very useful information, thanks for sharing it!

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

      You are welcome, @CristianGrcnt!

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

    Thanks, but I have one question:
    I immediately get a large list (in json format) with one request. And he's invested. That is:
    Sheet
    --Sheet1
    -- -- item from sheet 1
    -- -- item from sheet 1
    -- -- item from sheet 1
    -- -- item from sheet 1
    --Sheet2
    -- -- item from sheet 2
    -- -- item from sheet 2
    -- -- item from sheet 2
    -- -- item from sheet 2
    -- -- item from sheet 2
    --Sheet3
    -- -- item from sheet 3
    -- -- item from sheet 3
    -- -- item from sheet 3
    and so on
    Because the list is very large (1500), then it is very problematic to show it right away in terms of time.
    How to make infinity scroll in this case?

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

      Thank You Анатолий Анатолий! Follow this link: pub.dev/packages/infinite_scroll_pagination
      I hope you will get your answer 🙂

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

    a lot thanks, digital friend 🥰

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

      You’re most welcome, David Taveras! 🙂

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

    Another amazing video…

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

      Thank you, Clinton Harold! 🙂

  • @user-jq7km2ei4z
    @user-jq7km2ei4z 6 місяців тому

    What if the first fetch doesn't provide enough data to build the children so the Listview can be scrolled?

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

      Hey @user-jq7km2ei4z 😀 then we can avoid pagination up to a certain limit.

  • @srunrathaes128
    @srunrathaes128 10 місяців тому

    for all you guide who looking for flutter beginner toturial i would like to recommend your channel

    • @HeyFlutter
      @HeyFlutter  10 місяців тому

      Thank you, @srunrathaes128! 🙂

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

    Thanks for the video 😍

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

      You’re most welcome, Hashan Kannangara! 🙂

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

    Please, how to create a jump to feature. I want to let the user to jump to any index of the listview and i want them to save the index as bookmark and from main page open the bookmark and oen the reading page and automatically set the index to the index saved in bookmark.

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

      Hey 😊, @b_rabbit9774! Check out this video: ua-cam.com/video/1aYWIF35qlk/v-deo.html I hope this may help you

  • @ahmedali-vq7yu
    @ahmedali-vq7yu Рік тому

    my bro I have question please, When I move from one page to another, I want it to go directly to a specific element in the page

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

      Hey 😊, @ahmedali-vq7yu! Check out this video: ua-cam.com/users/shorts_yZ5SVWBLQo I hope this may help you

  • @DivyamOza-c1s
    @DivyamOza-c1s Рік тому

    Great Video.
    Very useful.

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

      Great, Thank you @user-ot3br5zk3m!

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

    you are powerful !!! thank you

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

      Glad to hear that, You are most welcome @tianadede349

  • @Aditya_Shahi
    @Aditya_Shahi Рік тому +3

    with riverpod please

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

      Thanks for the idea, AdyAid! 🙂 I have added it to my list of ideas for future videos!

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

    So the list of items keeps growing. What if i scroll 1 millions data like twitter ?

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

      Thank You @AllenIve3! Follow this link: medium.com/@ankitakanchan97/pagination-pull-to-refresh-and-infinity-scroll-with-search-using-flutter-4fb747673c1c
      I hope you will get your answer 🙂

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

    Great video.... just a question. is it possible to paginate multiple lists in a tabview?

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

      Thank You Don Castro! Follow this link: stackoverflow.com/questions/46042537/multi-tab-page-view-in-flutter
      I hope you will get your answer 🙂

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

    thanks for the video!
    could you please make one for infinite scrolling on gridview ?

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

      Thanks for the idea, Yahya Kreiyeh! 🙂 I have added it to my list of ideas for future videos!

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

      ​@@HeyFlutter great! thank you!
      the tricky part that i'm facing is when trying to use widgets along side with the gridview or listview for example in a singlechildscrollview a column with row and a gridview (have to use neverscrollablephysics and shrinkwrap true) which causes performance issue and leads to crashing the app after couple scrolls for long lists
      keep up the great work 😄
      love your videos

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

    This works with SingleChildScrollView as well, right?

    • @HeyFlutter
      @HeyFlutter  9 місяців тому +1

      Yes, @abin6909 🙂

  • @kiphleee6834
    @kiphleee6834 4 місяці тому

    source gatekeep as always from heyflutter... good job..

    • @HeyFlutter
      @HeyFlutter  4 місяці тому

      Thanks, @kiphleee6834! 🙂

    • @kiphleee6834
      @kiphleee6834 4 місяці тому

      @@HeyFlutter bro even said thanks lmao

  • @shusterme
    @shusterme 10 місяців тому

    I'm a little zen after that

    • @HeyFlutter
      @HeyFlutter  10 місяців тому

      Great, Thank you @shusterme!

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

    amazing

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

      Thank you, @johnmcafee9169! 🙂

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

    Thank u

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

      You are welcome, @amrsamy9007!

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

    How to do that with firebase ans button more loading

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

      Thank you, Peniel Ngeleka! 🙂. Try to provide enough details with your question.

  • @natvilaivone-xz5qx
    @natvilaivone-xz5qx Рік тому

    you are so great how do you learn it?
    what is your secret can you give me the answer please

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

      Thank you, nat vilaivone! 🙂. Give proper time to coding and be consistent. You will be able to learn new things every single day.

  • @nguyentunchannel4438
    @nguyentunchannel4438 10 місяців тому

    nice logic and code

    • @HeyFlutter
      @HeyFlutter  10 місяців тому

      Thanks, @nguyentunchannel4438! 🙂

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

    Why don't you use android studio

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

      Hey, @muhammedsinan5820 🙂 Android studio is good editor but on the other hand VS code is lightweight and can also referred to as universal editor

  • @MrPunyakugede
    @MrPunyakugede Місяць тому

    dammmmm

    • @HeyFlutter
      @HeyFlutter  Місяць тому

      Thank you, @MrPunyakugede! 🙂

  • @MrPunyakugede
    @MrPunyakugede Місяць тому

    fuck no source