Flutter Tutorial - Scroll To Index/Item In ListView | Scrollable Positioned List

Поделиться
HTML-код
  • Опубликовано: 25 янв 2025

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

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

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

  • @liamspiegel2444
    @liamspiegel2444 2 года назад +3

    Hi Johannes, I have been looking for this information for hours. Your videos are so helpful, easy to understand and cool made that your youtube channel is the most helpful youtube channel on programming that I know.
    Thank you so much for this perfect video.

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

    Column is not recommended for Large lists.. I am not sure about scrollable positioned list

  • @anugrahkorambeth431
    @anugrahkorambeth431 3 года назад +2

    This is exactly what I was looking for! Thankyou for this awesome tutorial!❤️

  • @ahmaddawood9691
    @ahmaddawood9691 3 месяца назад

    you saved my life ... Excellent Job

    • @HeyFlutter
      @HeyFlutter  Месяц назад

      Thank you ❤️ for the suggestion! We’ll definitely consider it for our future content ideas. 😊

  • @poomc5462
    @poomc5462 3 года назад +2

    Will you do an alphabetical listview for flutter next? This really like the content on this channel!

  • @satyamdubey4529
    @satyamdubey4529 3 года назад

    You are the most passionate guy. Thanks 😊

  • @aashismaharjan7641
    @aashismaharjan7641 3 года назад

    Thank you very much for this video. After searching for days and days trying to add auto scroll to my project using anime to, jump to but in the end your code help to implement that with only two line of codes.

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

    after wasting 3 hour finally i found it!! YOU ARE GOD MEN!

  • @sridharmarella8581
    @sridharmarella8581 2 года назад

    Can we add a sticky header to this having multiple sections?

  • @UCDAT
    @UCDAT 8 месяцев назад +1

    Please tell me how to hide flutter WebView ugly scrollbar
    ...

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

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

  • @arvingabrieltrinidad2029
    @arvingabrieltrinidad2029 3 года назад

    Hi, can you do it in nested listview?

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

    thanks for this, but i need help. I have a book app where from reading page i have a bookmark button to save the current index/position of the listview. and from the main page if i click the bookmark button where the index of the saved position from reading page was set it will open the reading page and set the position to the index that was saved as bookmark. how to achieve that?

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

    Really Helped Bro

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

      Thank you, @StudyStorage-lh9gm! 🙂

  • @sridharmarella8581
    @sridharmarella8581 2 года назад

    Hi Joh,
    How to highlight the widget for a specific amount of time after scrolling?

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

    thanks I used it for on page navigation in flutter and it works fine.

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

      Glad you liked it, @minhajraza2268 😀

  • @faisalmushtaq2287
    @faisalmushtaq2287 2 года назад

    thanks! Had to use this today in my project

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank you, faisal mushtaq! 🙂

  • @josephkamande4502
    @josephkamande4502 2 года назад

    How can I scroll starting from where new messages start in chat app

  • @devsang
    @devsang 2 года назад

    Can use this package is available with the grid view?

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

    Great video! What would be the most precise way to jump to the bottom of the list if widgets in the list have different heights?

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

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

  • @brokercl
    @brokercl 3 года назад

    how can get all docs from a firebase collection?

  • @reactnativedeveloper1682
    @reactnativedeveloper1682 2 года назад

    you always make good videos

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank you, ReactNative Developer! 🙂

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

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

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

      Glad to hear that, You are welcome @pravinprince3221! 😊

  • @اسروكورة
    @اسروكورة 3 года назад +1

    thank you

  • @معنيالأمان-ج6ج
    @معنيالأمان-ج6ج 2 года назад

    How can we get in touch with you ?

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

    but it does not have scroll controller to add the listener to detect the user direction .

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

      Thank You Harwinder Singh! Follow this link: stackoverflow.com/questions/61353499/how-to-detect-the-last-direction-user-scrolled
      I hope you will get your answer 🙂

  • @erikapueblo6871
    @erikapueblo6871 3 года назад

    This has been really helpful! Thank you!
    I tried it but had some problems when I used the Scrollable Positioned List inside a StreamBuilder. How can I access the Scrollable Positioned List in this case?

  • @paulapastragus7651
    @paulapastragus7651 2 года назад

    Awesome! You're the best! Thanks !!!

  • @AiEnthusiast999
    @AiEnthusiast999 3 года назад

    thanks for the example

  • @kishores-ik4zw
    @kishores-ik4zw 2 года назад

    can i achieve scroll to index without scrollable positioned package

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank You kishore s! Follow this link: stackoverflow.com/questions/49153087/flutter-scrolling-to-a-widget-in-listview
      I hope you will get your answer 🙂

    • @kishores-ik4zw
      @kishores-ik4zw 2 года назад

      @@HeyFlutter tq

  • @janammaharjan2699
    @janammaharjan2699 2 года назад

    Thank you very much as always very grateful

    • @HeyFlutter
      @HeyFlutter  2 года назад

      You are welcome, @janammaharjan2699 😊

  • @ashishrana5773
    @ashishrana5773 2 года назад

    thank you very much. By the way do you have any example of auto scroll function which scrolls as per the speed defined by the user ??? I want page to be scrolled automatically and define speed like 0 1 2 3 …… thanks again

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Your idea is interesting, ashish rana! 😀 I'll try to cover in upcoming videos

    • @ashishrana5773
      @ashishrana5773 2 года назад

      @@HeyFlutter that would be awesome …. I hope very soon .. 😂

  • @iseng-.-
    @iseng-.- Год назад

    how to do it in SingleChildScrollView?

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

      Thank You @playwithrmdhn9462! Follow this link: pub.dev/packages/scroll_to_index
      I hope you will get your answer 🙂

    • @iseng-.-
      @iseng-.- Год назад

      @@HeyFlutter it works thanks so much bro 😎✅

  • @eNONO-ot4zh
    @eNONO-ot4zh 3 года назад

    You are magician. Thank u 😍

  • @mohammedhamdan5323
    @mohammedhamdan5323 2 года назад

    but could we detect if we reach the top or button using ScrollablePositionedList .. i cannot see any position in listener like normal ScrollController.position.pixels which listview.builder use it

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank you 😊, Mohammed Hamdan! Check out this video : ruclips.net/video/XWfg_d2t_Hk/видео.html

  • @h3w45
    @h3w45 3 года назад

    very helpful video

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

    How would you scroll automatically if data has been changed inside let's say inside an AppStateManager? I added a listener which would scroll to a specific index after a change in data, but when it scrolls to the index it would bounce back up/down either to the beginning or end (outside the listview). Hard to explain without showing haha

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

      Thank You tristan sp! Follow this link: ruclips.net/video/FkJUwzYRn2I/видео.html&ab_channel=DevStack
      I hope you will get your answer 🙂

  • @ishanweerakoon9838
    @ishanweerakoon9838 3 года назад

    how to set item with n index for middle of the screen don't use button .I want to set today as 0 index and yesterday as -1 index tomorrow as 1 index . Then want to scroll up and down sides. 5 by five .please help me

    • @ishanweerakoon9838
      @ishanweerakoon9838 3 года назад

      @@HeyFlutter It is with the button .I dont want to add the button I want just, user open the app it will automatically go the item of relevant index.

  • @kamalCode
    @kamalCode 3 года назад +1

    Sir, please flutter navigator 2.0

  • @aneeshgupta5634
    @aneeshgupta5634 2 года назад

    Hello sir..Thanks a lot for the content!.. I have used the Scrollable Positioned List and item listener as taught by you, but the issue is that the response in item listener is taking a bit long. I am using this response in item listener to update my bottom navigation view (which consist of 5 items). But the bottom view updates after 1 second (approx).. Can you please suggest me something on this..?

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank You Aneesh Gupta! Follow this link: stackoverflow.com/questions/49153087/flutter-scrolling-to-a-widget-in-listview
      I hope you will get your answer 🙂

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

    So you suggest to add a GlobalKey for a list item. But what about If list view contains 500 items. 500 GlobalKeys, don't you think it is too expensive?

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

      Thank You @SilencePrince! Follow this link: medium.com/@NALSengineering/flutter-from-zero-to-hero-part-7-the-power-of-globalkey-6abf818225a0
      I hope you will get your answer 🙂

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

      @@HeyFlutter Again.. GlobalKey is expensive and should be used for specific cases. Let's say I have 1K items in a list. I want to have possibility to scroll to any item . So do you suggest to create 1K global keys (per item)? So what I want to say is that I am not sure if your example will work in real world.
      Btw article you suggested me does not give any info related to this video.

  • @will4900
    @will4900 3 года назад

    i do the same thing but my widget doesn't get highlighted in scrollablepositionned list, is it normal?

    • @will4900
      @will4900 3 года назад

      @@HeyFlutter I'll try again with the exact code from the repo

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

    Thanks Bro it works for me i suggest you all if you try to make textfeild validation auto scroll so you have to place validation key above form widget if you place key above singlechildscrollview it will not worked
    like this :-
    SingleChildScrollView(
    scrollDirection: Axis.vertical,
    child: Container(
    key: scroll,
    child: Form(
    key: widget.formkey,
    child: Column(
    children: [
    const SizedBox(height: 10),
    TextFFeild(

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

      Great, thanks for sharing your knowledge with others, @manankoyawala5337! 🙂👍

  • @mostcommunityofficial
    @mostcommunityofficial 3 года назад

    All your videos are awesome! an off-topic question,
    How could I put 2 conditions on the same line?
    ex:
    if (....) {}
    else if (....) {}
    but in one line of code. (with "?" and ":")

  • @alphapro94
    @alphapro94 2 года назад

    Is there anyway that detect if ListView item is visilne on screen by using LisVIew,builder ?

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank You AlphaPro! Follow this link: stackoverflow.com/questions/57011733/find-out-which-items-in-a-listview-are-visible
      I hope you will get your answer 🙂

  • @KevinCanoCB
    @KevinCanoCB 2 года назад

    Thanks

  • @lovkeshsinghkhalsa
    @lovkeshsinghkhalsa 3 года назад

    Hi Milke, I ask you last time one thing is that one account for one device in app like WhatsApp. Prevent to open same account in multiple devices at the same time.

    • @lovkeshsinghkhalsa
      @lovkeshsinghkhalsa 3 года назад

      @@HeyFlutter actually m using MYSQL as backend with php for server requests. Thanx

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

    access to source code is not working

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

      Hey, @theelofiguy 🙂 you need to subscribe on github to access code

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

    i got an doubt...can anyone please reply to this comment....
    what if i need to scroll for specific position when the scrolldirection is HORIZONTAL
    i tried the same method can anyone suggest some idea please

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

      Hello, @janarthanans1452! Follow this link: stackoverflow.com/questions/69345235/scrolling-to-a-item-in-horizontal-list-view-inside-vertical-list-view-in-flutter/76431628
      I hope it will solve your problem. Thank You 🙂

  • @denzelgui6474
    @denzelgui6474 3 года назад

    very nice

  • @medsed1133
    @medsed1133 3 года назад

    Super bro super !!

  • @hashankannangara8723
    @hashankannangara8723 3 года назад

    ❤️❤️😍😍

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

    thanks very much!.. i used an array of keys like this keyForSearchingList = List.generate(50, (index) => GlobalKey(debugLabel: 'key_$index'),growable: true);