Тёмный

TOP 12 ListView Widgets | Flutter Tutorial 

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

These are the TOP Flutter ListView Widgets! We cover Pull To Refresh, Infinite Scrolling ListView, Nested Columns and ListViews and more.
Click here to Subscribe to Johannes Milke: ru-vid.com...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Source Code | github.com/JohannesMilke/top_...
My Courses | heyflutter.com
Follow Newsletter | johannesmilke.com/#/newsletter
SUBSCRIBE HERE
bit.ly/JohannesMilke
SUPPORT & SPONSOR ME
github.com/sponsors/JohannesM...
TIMELINE
0:00 Intro
0:10 1. Pull To Refresh
1:24 2. Infinite Scrolling ListView
4:48 3. Spread Operator
5:25 4. Nested Columns and ListViews
7:11 5. SingleChildScrollView
9:04 6. ListView With JSON Data
1:16 7. Sticky Header
12:07 8. Search & Filter ListView
13:45 9. Reorderable ListView
14:27 10. ListView With Navigator
15:51 11. Horizontal ListView
17:02 12. Vertical ListView
18:09 BONUS: Grouped ListView
SOCIAL MEDIA: Follow Us :-)
Twitter | / heyflutter_
Linkedin | / heyflutter
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)

Наука

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

 

4 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@HeyFlutter
@HeyFlutter 2 года назад
This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com ALL Source Codes: github.com/JohannesMilke/top_listview_widgets TOP 7 AppBar Widgets: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-TlbbIQykHK0.html TOP 10 Flutter Widgets: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gK288ZfzjCc.html Neumorphism Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-A2Bbhr3DGd0.html Hide AppBar On Scroll Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-xzPXqQ-Pe2g.html Hide/Show AppBar & Floating Action Button On Scroll: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Zs3D6vs7h-k.html Bottom Sheet Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-TXYuaiukw7E.html Popup Dialog Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4pn-_md5Ol4.html Scaffold Widget Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-fcakQFrJVFQ.html Hide Bottom On Scroll Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-pr_Go9I19SA.html Bottom Navigation Bar Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-xoKqQjSDZ60.html Animated Bottom Navigation Bar Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-95PEDLxEEtg.html
@marklai4567
@marklai4567 2 года назад
Thanks for sharing! All of your videos are great! Always clear and easy to understand! Many thanks!
@JihedMrouki
@JihedMrouki 2 года назад
thank you for sharing these tips and for the uploads it helps alot, could you also do a mini series on state management ? provider ,riverpod, bloC ,getX and the differences between them?
@suneelasiddiqui4957
@suneelasiddiqui4957 2 года назад
Great video and really helpful! I hope you will make a series on state management using providers one day 😊
@yalamoussalancineyeo1893
@yalamoussalancineyeo1893 2 года назад
Good job, God bless you for all your effort !!!
@Musicstations221
@Musicstations221 2 года назад
My crazzy guy, thanks 4 all the excellent work you have done ✔ 👍
@dicksonguinajnr1449
@dicksonguinajnr1449 2 года назад
Thank you so much my brother.. God Bless
@hashankannangara8723
@hashankannangara8723 2 года назад
Wow!! this video is amazing.. thanks a lot!!
@muhammadissasabbagh1540
@muhammadissasabbagh1540 2 года назад
Very useful information and tips 😃
@mohamaddody1338
@mohamaddody1338 Год назад
Thank you for sharing information with everyone. People around here really appreciate this
@HeyFlutter
@HeyFlutter Год назад
Glad to hear that, Thank you Mohamad Dody! 😊
@mustafashaikh7829
@mustafashaikh7829 2 года назад
Nice video and good teaching on point to point. Can you make a video upload file from list view builder and show progress indicator on selected index...
@attituderecord7589
@attituderecord7589 2 года назад
Thanks so much
@harimakani2316
@harimakani2316 2 года назад
Great Video
@chaddrobertson5805
@chaddrobertson5805 Год назад
Been trying to get off of my arse and build some more complicated / user friendly projects. This video is superb, and has definitely helped me do just that. Thank you!
@HeyFlutter
@HeyFlutter Год назад
Glad it was helpful, @chaddrobertson5805 😀
@crazy-man
@crazy-man 2 года назад
cool, Exactly what is needed
@mrishalap
@mrishalap 2 года назад
Powerful intro 🔥
@aslahflutterdev5954
@aslahflutterdev5954 2 года назад
i agree
@user-ks5rv8wz4w
@user-ks5rv8wz4w 2 года назад
Thank you
@minafaried
@minafaried 2 года назад
Amazing
@cavidanbagiri7837
@cavidanbagiri7837 2 года назад
Super teacher
@hassanosama357
@hassanosama357 2 года назад
Thats great video, You can also make video on Sliver kit, which also have SliverList and other kind of cool stuffs
@marioluque4786
@marioluque4786 Год назад
This video is gold
@HeyFlutter
@HeyFlutter Год назад
Thanks, Mario Luque! 🙂
@jigneshji3228
@jigneshji3228 2 года назад
Nice video sir..
@uvaismohammad4216
@uvaismohammad4216 2 года назад
You are wonderful 💙❤🚀
@cookie0119
@cookie0119 Год назад
감사합니다 이 영상 덕분에 플러터를 쉽게 배울 수 있네요. 정말 유용합니다
@HeyFlutter
@HeyFlutter Год назад
You’re most welcome, 내가 만든 국기.! 🙂
@sarathrkrishnan6610
@sarathrkrishnan6610 2 года назад
Love from India ❤️
@__mothership__8475
@__mothership__8475 2 года назад
Hi johannes, I am getting difficulty in fetching date , time from google sheet api . Can you make a short video on storing date, time to google sheet api and fetching in app. Will be really helpful for me
@typescripter
@typescripter Год назад
Thx
@HeyFlutter
@HeyFlutter Год назад
You are welcome, 코도!
@sleepingsaintz
@sleepingsaintz 2 года назад
How to create nested re orderable list view as in Google tasks app?
@ein44sam
@ein44sam 2 года назад
13:33 When you return to first page after BookPage you will get focus to TextField and the keyboard will pop out. How to prevent this behavior?
@kareemobaid6618
@kareemobaid6618 2 года назад
i really like all of that, you are my super hero sample for flutter, a question, why don't you use getX ? is it cause of a reason you have, it could help us if we know it, or what? thanks for all of that
@antongrekov7710
@antongrekov7710 2 года назад
GetX bad, provider is better
@xXxXxMrGamexXxXx
@xXxXxMrGamexXxXx 2 года назад
Great tutorial, u think u can make a a tutorial how to create a Picker Menu Height and Weight pls?
@xXxXxMrGamexXxXx
@xXxXxMrGamexXxXx 2 года назад
@@HeyFlutter thanks
@__mothership__8475
@__mothership__8475 2 года назад
Hi Johannes, lets say I have 3 json data with 5 elements each and i want to create a search Listview for the combination of all. How can I do it ??
@HeyFlutter
@HeyFlutter 2 года назад
Thank you, Vipul Ghate! Check out this video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ZHdg2kfKmjI.html&ab_channel=JohannesMilke
@slideslipping
@slideslipping 2 года назад
12:08 Is there any advantage using showSearch and SearchDelegate over the method shown here?
@HeyFlutter
@HeyFlutter 2 года назад
Thank you, slideslipping! 🙂. It depends on the requiremnet of the app.
@lifebest4404
@lifebest4404 2 года назад
Sir how to create uber app backund php flutter
@bhabhayt398
@bhabhayt398 2 года назад
How many types of state are there and what is the difference between runapp and main function
@HeyFlutter
@HeyFlutter 2 года назад
Thank You BHABHA YT! Follow this link: stackoverflow.com/questions/58883728/what-is-the-difference-between-main-function-and-the-runapp-function-in-flutte I hope you will get your answer 🙂
@winneze1
@winneze1 2 года назад
Hi sir, i'm stuck with the scrollableController at chat ui screen, how to make it scroll to the newest mesage when init the screen. I try addListener but somehow when the chat screen init, i have to manual scroll a little bit and it execute the scroll. I dont know what happen? Can do you an example for that?
@gauravthakkar802
@gauravthakkar802 2 года назад
Post your code
@winneze1
@winneze1 2 года назад
@@HeyFlutter Here is the code sir: The function that i want to fire when enter the chat screen: bool _isScrollToEnd = false; void _scrollListener() { if (chatData != null && !_isScrollToEnd) { Timer(Duration.zero, () async { await _scrollController.animateTo( _scrollController.position.maxScrollExtent + 150, duration: const Duration(milliseconds: 1000), curve: Curves.fastOutSlowIn, ); }); _isScrollToEnd = true; } } In initState: _scrollController.addListener(_scrollListener); Then I put the controller into a ListView.Builder. The problem is when enter the chat screen. And the chat data is loaded. But it's not automatically scroll down to the end, when use my hand to scroll a little bit, the function is execute. I don't get it what is with this weird behavior?
@mdshahidali3132
@mdshahidali3132 2 года назад
Create a video on AWS in flutter sir.
@zakariahouache5442
@zakariahouache5442 2 года назад
thenks sur!,,, Is there a function so that when the Internet is cut off, it does not work WebView and when the Internet returns, it works WebView automatically ,And when the internet is weak it works "is Loading"or "circiller progresidec idicaitor"
@zakariahouache5442
@zakariahouache5442 2 года назад
@@HeyFlutter Thank you, I have never found a wonderful person like you
@HeyFlutter
@HeyFlutter 2 года назад
Thank You Zakaria Houache! Follow this link: github.com/flutter/flutter/issues/69502 I hope you will get your answer 🙂
@computerprogrammer9279
@computerprogrammer9279 2 года назад
Yeh bro
@user-jm7mm3qo6n
@user-jm7mm3qo6n Год назад
Hello. Thank you for the video, it's very useful. But, I think that I found a mistake. You told that if we use just a ListView without .builder(), then ListView render all elements. I just tested it and found out that the ListView itself optimises the rendering and parameter cacheExtent works as well.
@HeyFlutter
@HeyFlutter Год назад
Thanks for adding into out knowledge, Рамиль Рахматуллин 🙂 really appreciated, but rendering all and optimized rendering are two different things.
@okeyshourovroy2769
@okeyshourovroy2769 2 года назад
Can you please make a video on flutter pdf and pos printer for windows?
@okeyshourovroy2769
@okeyshourovroy2769 2 года назад
@@HeyFlutter thank you🙏🙏❤️❤️
@marco_di
@marco_di Год назад
MEEEEEGAAAAAA!!!!!! 🤩🤩🤩
@HeyFlutter
@HeyFlutter Год назад
Glad you liked it, @marcodinic 😀
@dicksonguinajnr1449
@dicksonguinajnr1449 2 года назад
My brother can you try to do search listview
@dicksonguinajnr1449
@dicksonguinajnr1449 2 года назад
@@HeyFlutter thank you so much my brother 🙏
@mdshahidali3132
@mdshahidali3132 2 года назад
Create a Pich in and Pinch out Features like iPhone in Flutter .Please Sir
@gataka534
@gataka534 2 года назад
why don't you create a course i would buy it
@olawoleoyedele4212
@olawoleoyedele4212 2 года назад
!firstComment
@__mothership__8475
@__mothership__8475 2 года назад
For showing Search & Filter ListView, I am fetching data from Google Sheets like this way, The problem here is when you search for something it will appear as suggestion but when you backspace what you search for the entire list is not there , you had to go back and visit search page again for List to show. How to solve this issue? List books = []; @override void initState(){ super.initState(); getBooks(); } Future getBooks({int index = 0}) async{ final books = await GoogleSheetApi.getAllBooks(); setState(() { this.books = books; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Search & Filter'), ), body: Column( children: [ Container( margin: EdgeInsets.all(16), child: TextField( controller: controller, decoration: InputDecoration( prefixIcon: const Icon(Icons.search), hintText: 'Book Title', border: OutlineInputBorder( borderRadius: BorderRadius.circular(20), borderSide: const BorderSide(color: Colors.blue), ) ), onChanged: searchBook ), ), Expanded( child: ListView.builder( itemCount: books.length, itemBuilder: (context, index) { final book = books[index]; return ListTile( title: Text(book.title ), ); })) ], ), ); } void searchBook(String query) { final suggestions = books.where((book) { final bookTitle = books.name.toLowerCase(); final input = query.toLowerCase(); return bookTitle.contains(input); }).toList(); setState(() => books = suggestions); }
@__mothership__8475
@__mothership__8475 2 года назад
@@HeyFlutter there is no error message , the code is working but let’s say there are three books named (hello, world,there) . If I search world then book with world as a suggestion will be there but I don’t want to search for that and I erase the sentence world and type hello , then there is no suggestion as the list is not there now something like that
@__mothership__8475
@__mothership__8475 2 года назад
@@HeyFlutter I think this is because I am making an empty list first List book = [] and then getting the list using getBook method And Giving book list to suggestion in setState But you did not make it empty first You did List book = allBooks So there your list is not empty first Maybe this is the issue here So how to get all List like that when using api Data without setting it empty first and then initialise in initState
Далее
AspectRatio (Flutter Responsive Design)
0:54
Просмотров 11 тыс.
Smart Sigma Kid #funny #sigma #memes
00:26
Просмотров 749 тыс.
skibidi toilet zombie universe 37 ( New Virus)
03:02
Просмотров 1,3 млн
Top 30 Flutter Tips and Tricks
6:50
Просмотров 545 тыс.
Flutter Null Safety (!, ?, ??, late, ...)
3:07
Просмотров 17 тыс.
Flutter, Dart, and Raspberry Pi
12:27
Просмотров 36 тыс.
Best 30 Flutter Widgets, Packages & Tips
5:11
Просмотров 119 тыс.
Most overpowered way to build mobile apps?
8:33
Просмотров 754 тыс.
35 Flutter Tips That Will Change Your Life
10:53
Просмотров 298 тыс.
SLIVER APP BAR • Flutter Widget of the Day #12
5:02
Flutter GlobalKey
3:27
Просмотров 24 тыс.
Navigator in ListView | Flutter
15:16
Просмотров 37 тыс.
Проверил, как вам?
0:58
Просмотров 337 тыс.