Flutter - ListView & ListView.builder Explained (+ How To Use It)

[@jafarimamaliyev1736]

The best mentor, keep going bro, you are amazing!

[@fixeroftheinternet]

I am very experienced developer but new to flutter. I have just subscribed to the channel becuase this not only knows his stuff, but is a really good communicator

[@FlutterMentor]

Wow, thank you so much for the compliment. To be honest, I have a job in an entirely different industry and I myself only learned Flutter (Mobile Apps-wise) and they kept making changes after changes and I couldn't keep up with it so ended up just abandoning the project of this channel. My videos are less than 2 years old but a lot of them are not relevant anymore because of all the changes the Flutter team has been making. Even many great full courses on Flutter are now super outdated unfortunately. But truly appreciate your idea! It's definitely a good one

[@fixeroftheinternet]

@@FlutterMentor Nearly all the flutter examples you find online including online tutorials are out of date, but they are still extremely useful. They won't work out of the box, but if you are learning flutter like me you learn to cope with that. Again, I beleive if you get a membership with Johannes Milke you get access to the latest version of his code examples. Another thing you do.

[@AhmedAshrafMo]

That's the video i was searching for.. Thanks a lot, you said what i needed to understand.

[@hsiang-yehhwang2625]

Incredible explanation!! The concept is so clear!! Thanks!!

[@josedavidmonterourena3378]

Incredible explanation. Thanks!

[@FlutterMentor]

Thank you, I appreciate it!

[@ha7281]

incredibly helpful. thank you so much

[@FlutterMentor]

Glad it was helpful!

[@bakka_sheep]

very helpful. thank you !

[@jackodhiambo5710]

Thanks for that. best explanation

[@FlutterMentor]

thanks for watching!

[@chabin57]

thanks

[@akshayjagtap7613]

How to add image and video in listview and show one at a time??

[@saurabhjadhavv]

Hey 👋🏻 brother ! Please in next video use Search Delegate !!

[@FlutterMentor]

THank you for the suggestion! I will look into that

[@jamesr2408]

I have searched for 2 weeks no answers for how the get index of clicked item from listview builder. The builder obviously knows the index of the items but is not sharing this info. There seems to be no way of accessing it for use in nested lists. Nested list means. Click and item, leads to another list, which leads to another list, typical in database structure.

[@FlutterMentor]

That does seem challenging. Have you tried creating a variable and then storing the index in that variable? For example, create a variable called "indexOfTappedElement" and then, on the onPress you just say indexOfTappedElement = index; I never had to do such a thing. Not sure if that would take into account all of the elements or just the one you tapped. Would have to test if it works or not, but it would be worth a try.

[@jamesr2408]

Flutter Mentor, siteData.sites[index]; Adding the above code immdediately under itemBuilder worked. Note .sites is the list of my data I am trying to access contextually. class _SiteListState extends State { @override Widget build(BuildContext context) { return Consumer(builder: (context, siteData, child) { return ListView.builder( itemBuilder: (context, index) { siteData.sites[index]; // NOTE: widget.sites replaced with: Provider.of(context).sites

[@doulainc.498]

can u guide me on how to display a firestore list with conditions. in such a manner that it either displays A snapshot or B snapshot. im trying to have two documents snapshot mixed together. please help. i have spent five days already clueless working on school project

[@FlutterMentor]

I wish I could, but I really wouldn't feel comfortable tutoring firestore related stuff. I just don't think I have enough knowledge on using it

[@doulainc.498]

@@FlutterMentor it's alright sir, no problem at all. At the end of the day, I was able to implement it. Thanks for ur concern. Really appreciate

[@FlutterMentor]

@@doulainc.498 Awesome. Happy to know that! Wish you a great day

[@doulainc.498]

@@FlutterMentor thank u, wish u same ❤️🙌🏾

[@allplsqlconcepts9876]

Please help me as I am getting the below errors:- Error: The parameter 'name' can't have a value of 'null' because of its type 'String', but the implicit default value is 'null'. Try adding either an explicit non-'null' default value or the 'required' modifier. MyTiles({this.name, this.color}); ^^^^ Error: The parameter 'color' can't have a value of 'null' because of its type 'Color', but the implicit default value is 'null'. - 'Color' is from 'dart:ui'. Try adding either an explicit non-'null' default value or the 'required' modifier. MyTiles({this.name, this.color}); ^^^^^

[@FlutterMentor]

Hey, do you have a repository of your project? It's hard to help just from the error message but it seems that you're not actually giving any values to your parameters

[@allplsqlconcepts9876]

@@FlutterMentor No issue, problem got solved. Now the syntaxes have changed a bit like in this case - the constructor can be defined as MyTiles(this.name, this.color), instead of MyTiles({this.name, this.color})

[@FlutterMentor]

@@allplsqlconcepts9876 Ah, ok I got it. So, if you do it like this "MyTiles({this.name, this.color})", when you use it later, you have to name the parameters, because this is a named constructor (so, you'd say like MyTiles(name: 'A name', color: Colors.red); If you do it like this "MyTiles(this.name, this.color)", then you don't use named parameters. Instead, they are positional parameters, meaning that now the order matters. (in named parameters the order does not matter). So, it would go MyTiles('A name', Colors.red);