Flutter Infinite Scrolling Pagination for ListView

Поделиться
HTML-код
  • Опубликовано: 12 фев 2023
  • 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/masterclass
    Source Code: drive.google.com/file/d/1PMbC...
  • НаукаНаука

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

  • @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 10 месяцев назад

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

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

      Glad you liked it, @stalkinstalk9813 😀

  • @CristianGrcnt
    @CristianGrcnt 8 месяцев назад

    Very useful information, thanks for sharing it!

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

      You are welcome, @CristianGrcnt!

  • @pravinprince3221
    @pravinprince3221 11 месяцев назад

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

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

      You are welcome, @pravinprince3221 😊

  • @TungNguyen-lt5ej
    @TungNguyen-lt5ej Год назад

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

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

      You are welcome, @user-wu9gn6zf6g 😊

  • @hashankannangara8723
    @hashankannangara8723 Год назад +1

    Thanks for the video 😍

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

      You’re most welcome, Hashan Kannangara! 🙂

  • @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-ot3br5zk3m
    @user-ot3br5zk3m 11 месяцев назад

    Great Video.
    Very useful.

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

      Great, Thank you @user-ot3br5zk3m!

  • @tianadede349
    @tianadede349 4 месяца назад

    you are powerful !!! thank you

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

      Glad to hear that, You are most welcome @tianadede349

  • @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 🙂

  • @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 🙂

  • @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: ruclips.net/video/1aYWIF35qlk/видео.html I hope this may help you

  • @ahmedali-vq7yu
    @ahmedali-vq7yu 8 месяцев назад

    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  8 месяцев назад

      Hey 😊, @ahmedali-vq7yu! Check out this video: ruclips.net/user/shorts_yZ5SVWBLQo I hope this may help you

  • @Grinwa
    @Grinwa 2 месяца назад

    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  2 месяца назад

      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 🙂

  • @amrsamy9007
    @amrsamy9007 4 месяца назад

    Thank u

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

      You are welcome, @amrsamy9007!

  • @johnmcafee9169
    @johnmcafee9169 4 месяца назад

    amazing

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

      Thank you, @johnmcafee9169! 🙂

  • @user-jq7km2ei4z
    @user-jq7km2ei4z 3 месяца назад

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

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

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

  • @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

  • @nguyentunchannel4438
    @nguyentunchannel4438 6 месяцев назад

    nice logic and code

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

      Thanks, @nguyentunchannel4438! 🙂

  • @abin6909
    @abin6909 6 месяцев назад

    This works with SingleChildScrollView as well, right?

    • @HeyFlutter
      @HeyFlutter  6 месяцев назад +1

      Yes, @abin6909 🙂

  • @AllenIve3
    @AllenIve3 9 месяцев назад

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

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад +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 🙂

  • @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!

  • @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 10 месяцев назад

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

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

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

  • @shusterme
    @shusterme 6 месяцев назад

    I'm a little zen after that

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

      Great, Thank you @shusterme!

  • @kiphleee6834
    @kiphleee6834 26 дней назад

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

    • @HeyFlutter
      @HeyFlutter  26 дней назад

      Thanks, @kiphleee6834! 🙂

    • @kiphleee6834
      @kiphleee6834 26 дней назад

      @@HeyFlutter bro even said thanks lmao

  • @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

  • @srunrathaes128
    @srunrathaes128 7 месяцев назад

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

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

      Thank you, @srunrathaes128! 🙂