Тёмный

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

HeyFlutter․com
Подписаться 203 тыс.
Просмотров 50 тыс.
50% 1

Опубликовано:

 

29 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 86   
@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 года назад
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.
@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.
@anugrahkorambeth431
@anugrahkorambeth431 3 года назад
This is exactly what I was looking for! Thankyou for this awesome tutorial!❤️
@poomc5462
@poomc5462 3 года назад
Will you do an alphabetical listview for flutter next? This really like the content on this channel!
@ahmaddawood9691
@ahmaddawood9691 6 дней назад
you saved my life ... Excellent Job
@booomit2804
@booomit2804 Год назад
after wasting 3 hour finally i found it!! YOU ARE GOD MEN!
@HeyFlutter
@HeyFlutter Год назад
Thanks, @booomit2804! 🙂
@satyamdubey4529
@satyamdubey4529 3 года назад
You are the most passionate guy. Thanks 😊
@minhajraza2268
@minhajraza2268 Год назад
thanks I used it for on page navigation in flutter and it works fine.
@HeyFlutter
@HeyFlutter Год назад
Glad you liked it, @minhajraza2268 😀
@aradhya1712
@aradhya1712 Год назад
Column is not recommended for Large lists.. I am not sure about scrollable positioned list
@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 Год назад
Thank You @DraskoSaric! Follow this link: github.com/flutter/flutter/issues/80445 I hope you will get your answer 🙂
@UCDAT
@UCDAT 5 месяцев назад
Please tell me how to hide flutter WebView ugly scrollbar ...
@HeyFlutter
@HeyFlutter 5 месяцев назад
Thank You @cib_s! Follow this link: github.com/flutter/flutter/issues/133738 I hope you will get your answer 🙂
@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?
@erikapueblo6871
@erikapueblo6871 2 года назад
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?
@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! 😊
@sridharmarella8581
@sridharmarella8581 2 года назад
Hi Joh, How to highlight the widget for a specific amount of time after scrolling?
@faisalmushtaq2287
@faisalmushtaq2287 2 года назад
thanks! Had to use this today in my project
@HeyFlutter
@HeyFlutter 2 года назад
Thank you, faisal mushtaq! 🙂
@Study2_217
@Study2_217 Год назад
Really Helped Bro
@HeyFlutter
@HeyFlutter Год назад
Thank you, @StudyStorage-lh9gm! 🙂
@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! 🙂👍
@sridharmarella8581
@sridharmarella8581 2 года назад
Can we add a sticky header to this having multiple sections?
@janammaharjan2699
@janammaharjan2699 Год назад
Thank you very much as always very grateful
@HeyFlutter
@HeyFlutter Год назад
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 .. 😂
@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 🙂
@devsang
@devsang 2 года назад
Can use this package is available with the grid view?
@HeyFlutter
@HeyFlutter 2 года назад
Sure, Dev Sang! 🙂
@اسروكورة
@اسروكورة 3 года назад
thank you
@AiEnthusiast999
@AiEnthusiast999 3 года назад
thanks for the example
@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FkJUwzYRn2I.html&ab_channel=DevStack I hope you will get your answer 🙂
@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 : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-XWfg_d2t_Hk.html
@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 ":")
@mostcommunityofficial
@mostcommunityofficial 3 года назад
@@HeyFlutter
@paulapastragus7651
@paulapastragus7651 2 года назад
Awesome! You're the best! Thanks !!!
@arvingabrieltrinidad2029
@arvingabrieltrinidad2029 2 года назад
Hi, can you do it in nested listview?
@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.
@reactnativedeveloper1682
@reactnativedeveloper1682 2 года назад
you always make good videos
@HeyFlutter
@HeyFlutter 2 года назад
Thank you, ReactNative Developer! 🙂
@josephkamande4502
@josephkamande4502 2 года назад
How can I scroll starting from where new messages start in chat app
@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.
@h3w45
@h3w45 2 года назад
very helpful video
@lovekeshsinghkhalsa4251
@lovekeshsinghkhalsa4251 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.
@lovekeshsinghkhalsa4251
@lovekeshsinghkhalsa4251 3 года назад
@@HeyFlutter actually m using MYSQL as backend with php for server requests. Thanx
@eNONO-ot4zh
@eNONO-ot4zh 3 года назад
You are magician. Thank u 😍
@معنيالأمان-ج6ج
@معنيالأمان-ج6ج 2 года назад
How can we get in touch with you ?
@KevinCanoCB
@KevinCanoCB 2 года назад
Thanks
@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 🙂
@brokercl
@brokercl 3 года назад
how can get all docs from a firebase collection?
@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
@kamalCode
@kamalCode 3 года назад
Sir, please flutter navigator 2.0
@janarthanans1452
@janarthanans1452 6 месяцев назад
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 6 месяцев назад
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 🙂
@kishores-ik4zw
@kishores-ik4zw Год назад
can i achieve scroll to index without scrollable positioned package
@HeyFlutter
@HeyFlutter Год назад
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 Год назад
@@HeyFlutter tq
@iseng-.-
@iseng-.- Год назад
how to do it in SingleChildScrollView?
@HeyFlutter
@HeyFlutter Год назад
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 😎✅
@medsed1133
@medsed1133 3 года назад
Super bro super !!
@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 🙂
@denzelgui6474
@denzelgui6474 3 года назад
very nice
@theelofiguy
@theelofiguy Год назад
access to source code is not working
@HeyFlutter
@HeyFlutter Год назад
Hey, @theelofiguy 🙂 you need to subscribe on github to access code
@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);
@HeyFlutter
@HeyFlutter Год назад
You are welcome, TYNEPUNK!
Далее
skibidi toilet 77 (part 4)
05:20
Просмотров 15 млн
ИСТОРИЯ ПРО ШТАНЫ #shorts
00:32
Просмотров 511 тыс.
Inspired by MKBHD | Built with Flutter - Panels App
24:24
PrimaryScrollController | Decoding Flutter
8:07
Просмотров 51 тыс.
Top 70 Flutter Tips, Widgets & Packages
16:22
Просмотров 129 тыс.
35 Flutter Tips That Will Change Your Life
10:53
Просмотров 308 тыс.
skibidi toilet 77 (part 4)
05:20
Просмотров 15 млн