LISTVIEW & BUILDER • Flutter Widget of the Day #04

[@createdbykoko]

🥷🏽 FOLLOW ME Patreon: www.patreon.com/mitchkoko/ Instagram: instagram.com/createdbykoko/ Twitter: twitter.com/createdbykoko/ TikTok: www.tiktok.com/@createdbykoko/

[@better_notes182]

Burh, this is THE video, how can you explain things so quickly and simply, like dude it maes perfect sense to me, and trust me i've watched so many videos on youtube, and nothing comes close to you. Thanks man! ❤

[@lesptitsoiseaux]

A fair part of the new app / company I'm slowly building up is thanks to you, kid. I'm 45, so I call you kid respectfully. It's a gen X thing. Thank you for your great videos!

[@createdbykoko]

Hello I’m glad i can help! How’s the new app coming along?? ❤️

[@lesptitsoiseaux]

@@createdbykoko I'm just getting out of Adobe XD right now. A lot of your videos I'll be using. Over the last few months I've watched a lot of content to prepare.

[@aviksutar]

​@@createdbykoko hi

[@luriahk007]

to be honest, i have watched so many videos but i didn't get the clear vision but you are the best. Thank you so much

[@createdbykoko]

No problem! Glad it helps you haha

[@Samsul2013]

Mitch is one of my favourite on flutter/dart video channel. Simply among the best presenters on the subject esp for beginners with prior programming background. Thanks Mitch, keep up the good works

[@createdbykoko]

Haha glad it helps!! Your words mean a lot to me ❤️ how’s flutter going for you so far?

[@Samsul2013]

Hi Mitch, I managed to write udp apps in flutter due to yr videos. Now I need to make that udp client class as singleton object (design pattern) so its single instance can be access by multi page (to receive remote data). I am working on it - I am not new to programming yet I cannot quite understand (before this) how to write flutter apps until seeing your videos

[@co2obnoxious776]

Holyyy! This is the best tutorial I've seen. I can actually use this as well as learned from this. The other videos I've seen were either too complicated because they started with a finished code or they weren't explaining it in a comprehensive manner. Anyways, great stuff! Keep doing what you're doing, bro.

[@createdbykoko]

💜💜💜 glad it helps u

[@katya-neigong]

Best tutorial on laying out scrollable dynamic lists, many thanks!

[@TomTurnerIT]

Thanks

[@createdbykoko]

No worries Tom thank you!! How’s flutter going for you so far??

[@fadhilirimba6]

Massive fan here, keep up the good work.

[@dota2toprank]

Thank you so much mitch for your very helpful direct to the point tutorials, it helps me a lot on moving on with my long over dued project

[@vincentmichael499]

Brooo you are amazing. so much covered in under 10 mins... Thanks.

[@createdbykoko]

haha my pleasure vincent!

[@gerleuchi]

SAVING THIS VIDEO DONE! HOPEFULLY WORK.

[@syedumair3172]

Crystal clear! Saved my day

[@createdbykoko]

Glad it helped!

[@learningcurious5845]

bro your video is looking and can easily understand what u a willing to say. hoping for more video like this

[@bayuramadhanbouty3198]

love it. i thought its a complicated but you make so easy

[@createdbykoko]

That’s great to hear 👨🏽‍💻❤️ how’s flutter going for you these days?

[@nihal5223]

Your style of teaching is great, please keep going @mitch koko thank you so much for tutorials💯

[@createdbykoko]

My pleasure Nihal! Glad you find it helpful

[@KrishNamaste]

by far, the best one. thank you very much. please continue uploading more such videos. god bless you!

[@mayankmudgal1728]

Cool video dude!

[@jameskrousorati3944]

Love your work - easy to follow and a soothing voice.

[@createdbykoko]

My pleasure James. How’s flutter going for you so far? 👨🏽‍💻❤️

[@jameskrousorati3944]

@@createdbykoko loving it, so much easier than native frameworks and fun as well 👍

[@createdbykoko]

@@jameskrousorati3944 i agree hehe did u come from android or iOS?

[@jameskrousorati3944]

@@createdbykoko both haha - learnt android first then iOS. You?

[@createdbykoko]

@@jameskrousorati3944 haha nice! You must have a great perspective when it comes to mobile dev then 👨🏽‍💻❤️ i started android then flutter LOL

[@Qwasieee_P]

First video I actually understand on this topic

[@OrucMahmood]

Perfect explaining! Thanks a lot, Mitch! 👍

[@createdbykoko]

no problem!

[@alfonsoromero3092]

I would really like to know how to feed these list views with information from an internal json or from an api. your videos are very good, you know you teach. thank you

[@sauravkc1382]

Amazing tutorial. I just ca from lmms (a free daw software) and i decided to switch since it didn’t offer enough convenience. It was

[@0xShakhawat]

Great! Great! Great Video so far!!!

[@ugurburakaydn1221]

very informative and easy to understand explanation

[@createdbykoko]

Glad it was helpful!

[@flutterwithabdul6142]

You are the best flutter mentor for me very best way to teach ❤️👍

[@createdbykoko]

Hey thats great ❤️

[@flutterwithabdul6142]

@@createdbykoko thankyou Sir ❤️

[@nourhamada1409]

I always have a problem with listView with columns or rows.. and you just fix my problem 😭😭😭😭 Thanks a lot that's pretty clear

[@SaitamaMixed]

Count me in as new subscriber dude, awesome tutorial.

[@ugurburakaydn1221]

I wish you could upload the whole series at once :)

[@borneoviral6379]

how about adding button that can copy the text. for example when I click the list view "post 2' which have button on it.. and it will copy the text (post 2)

[@MachineLearning-rw7jd]

How do I keep stateful widgets’ state after they go offscreen in a list view builder?

[@Archnesis]

why when I have done at 1:25 - 1:50 minutes with the same code it can't be run

[@createdbykoko]

Hi I would like to help but you need to give me more information. What error are you getting?

[@zubairahmed6908]

I have a question though I'm taking input from the user and it's calculated so still should I use list view builder?

[@imnotblackpinkfanimtheirai5300]

short, simple but easy to understand

[@thieuquang7978]

what kind of indent extension do you use?

[@Mardiantopersonal]

how to add infinite scrolling for vertical scrolling and horizontal scroll?

[@user-yh5op8xf4g]

Is there a way to give each listItem a different effect without being out of the array? or does each one of them have to be done seperatly? Thanks

[@fahadjhon3995]

great underrated content

[@tahaaaa.xo21]

this was super helpfullllllllllllllll , keep up the good work

[@createdbykoko]

❤️❤️

[@yahyaal-salman702]

very informative and easy to understand explanation thank you

[@createdbykoko]

no problem! glad i could help hehe

[@nieall]

hi great video btw can i know how to add pictures by Assets in the post..I'm new to flutter

[@tristaaandev]

Great video!

[@epi_sto_letes]

I've followed this tutorial so far up to 3:17. Can't seem to get the Listview to scroll. I am using IntelliJ IDEA and Simulator on a MacBook Pro with MacOS Ventura (13.0.1). And in the simulator I'm using iPhone 14 Pro Max (IOS 16.1)

[@createdbykoko]

Hey Tom, I’d like to try and help. It’s most likely got to do with the code rather than the simulator. Firstly, do you want to double check and make sure you copied the code correctly?? Let me know and I’ll help u further

[@epi_sto_letes]

I think I figured it out. It looks like it was a setting on the Simulator. Under the I/O menu, I had. to select the Input submenu and the option "Send Keyboard Input to Device".

[@epi_sto_letes]

@@createdbykoko Yes, it was definitely a Simulator setting (see earlier comment in this thread). I now have scroll working on my further developed, further derived code. I've been using your tutorials as a starting point or sort of template which I then progressively modify until I achieved the desired behavior. Thanks, dude!

[@createdbykoko]

@@epi_sto_letes hey Tom nice! You sorted it out 😇 keep it up man. Listviews are really fundamental and important so keep going!!! I’ll be here if you need more help

[@CristianGrcnt]

Excellent tutorial! thanks a lot.

[@tonitorres3339]

Great video! Which extension is that lines that mark code like a tree? Seems really useful.

[@simonmensah3409]

This is an awesome tutorial, thanks a lot

[@havefun5519]

For horizontal direction, if only 1,2,3 could it center align, so if the list total width exceed the screen width, then scrollable, if less than screen width, center the list, that looked more UE?

[@nodirectionvlogs7237]

when i was separating the code it throws exception RenderCustomMultiChildLayoutBox object was given an infinite size during layout. This probably means that it is a render object that tries to be as big as possible, but it was put inside another render object that allows its children to pick their own size. Another exception was thrown: Updated layout information required for RenderPadding#3dd0c NEEDS-LAYOUT NEEDS-PAINT to calculate semantics. Another exception was thrown: RenderIndexedSemantics object was given an infinite size during layout.

[@createdbykoko]

Ah yes if you want to out listviews somewhere inside another widget, the parent widget needs to have a specified size. Let me know if you still need help

[@oberyn.freezingmoon]

Hello Mitch ! I've made an app with the name : 'Mitch_Koko_Widget_of_the_Day' where I have listed all the courses of this playlist into a gridView.builder and every button leads to the related example, this way I am learning a lot from you while in the meantime practicing my own ideas. Thank you very much. I have a question, this example works very fine on mobile. However how do I make the ListView scrollable in the same mobile behavior but in the windows ( or macOS ) release ? It seems that the axis.horizontal stories won't listen to the mouse clicks or mouse wheel. How do I make it work like the mobile app with a simple click drag or middle mouse wheel button, please ? Thank you ")

[@MrJunioSmith]

Hello friend ! I created a listview.build and in it I used return "my widget" I created a container with a model to be displayed in the list but now I can't click on it! under return list(history); if I add onTap it doesn't work! can you help me ? thanks!

[@metasujet5289]

nice :)) , whats the name of this extension ? I'm about this dashed lines connecting widgets.

[@fusuy364]

Greate tutorial. Thanks for sharing. I m following you from Turkey

[@createdbykoko]

From Turkey! Nice man thanks for your comment ♥️

[@ugurburakaydn1221]

thx dude. I am writing from Turkey.

[@createdbykoko]

Turkey in the house!!! Thanks for watching :)

[@Nayel-Khouatra]

Hello, i was wondering how can you change the shape of the bottom bar ,you see the bottom bar is a square ,it is possible to change this shape to a circular one with this code ?

[@jorgeluiscondorichavez9163]

Thank you so much, I'm waiting for next videos

[@lukebuono7422]

bro add a SafeArea on top pls

[@shuaibalghazali3405]

Thanks very much I appreciate this

[@scotts3062]

What is Context?

[@perseusgeorgiadis7821]

Amazing explanation! Instead of using a container in that last example, couldn't we just use a Flexible widget and set the fit as loose?

[@createdbykoko]

You sure can :)

[@TechnoAmazeUpdates]

Thank you for such videos @mitch koko ❤💯

[@mulleramsaledemis2517]

Its helpfull thanks for making this tutorial

[@createdbykoko]

My pleasuee bro glad it helps you!

[@geeno123]

Great tutorial! You explain this very well! Question. Say instead of storing the data in a list, you store the data in a database. What database would you recommend for something like a small attendance app?

[@createdbykoko]

If it’s just for a small app then firebase might be a good place to start :) thanks for your kind comment

[@geeno123]

@@createdbykoko thank you for your prompt reply! I will look into firebase :) I look forward to future videos!

[@createdbykoko]

@@geeno123 my pleasure 😇 good luck and speak soon ✌🏾

[@sleepystudios9597]

GRIDVIEW NEXTTTT

[@createdbykoko]

👌 coming next

[@TechnoAmazeUpdates]

how would i randomly or serially put images in that listview containers?

[@createdbykoko]

Here's a quick tutorial I made for how to put in images. Let me know if this doesn't answer your question. kzbin.info/www/bejne/bIXQoZ2tgL1sd7c

[@Omarhi51llarious4tsxdl1l]

How to put a Listview.Builder on bottom of another listview.Builder? That means, when first one ends, second one starts

[@createdbykoko]

Hi! Check this out: stackoverflow.com/questions/45270900/how-to-implement-nested-listview-in-flutter

[@fahrizakurniawan9959]

Why you erase the constractor of stateless widget? Explain please..

[@createdbykoko]

You can leave it if you want. Not a big deal. I just removed it here because I didn't need a constructor

[@siddharthroy6033]

how to add image in different circle in list view

[@createdbykoko]

Hey check this out and let me know if u need more help kzbin.info/www/bejne/bIXQoZ2tgL1sd7c

[@MIKKUCN]

THanks you a lot 😊😊😊

[@angelicaesquibal281]

what extension are the lines?

[@createdbykoko]

I didn’t use ant extensions. It’s there by default on VScode i believe. Do u use android studio or some other code editor?

[@shansalaayodya8149]

Done and dusted🥰

[@chahinezremaci4516]

merci beaucoup ❤

[@Manan_K]

Thank you very very much!

[@createdbykoko]

no problem !

[@fahadjhon3995]

clean easy and interesting

[@createdbykoko]

Glad it helped! ✌🏾

[@toptech1068]

just use sp404 for making soft

[@szy0syz]

I like this video ~ ✌️

[@jdai1249]

Where are you from？

[@createdbykoko]

I live in australia

[@sivaram1804]

how to scroll 1 list item at a time when scroll up

[@createdbykoko]

A pageview widget might be better for that kzbin.info/www/bejne/faLTYZKQicp7bsk

[@syedharis2771]

Awesome!

[@achrafmhamdi7018]

Thank you bro

[@auliasabril1899]

thank you

[@DigitalWorldMind]

is there any jobs in flutter?

[@createdbykoko]

Yeah flutter is on the rise now :)

[@philipph9064]

Love it, but so much ads in 9 minutes 👎

[@ikwanisb6732]

Cool!

[@knotdeveloper7433]

great

[@aouadicharaf1038]

❤❤❤

[@LeandroSilva-yp4tb]

TOP

[@jeffreywhewhetu5754]

Mehn... you're very good at making flutter contents... fr

[@sakib-ef4tq]

am from bangaladesh

[@favourwilliams3771]

you are very fast not getting it too fast

[@createdbykoko]

You can always control the playback speed to make the video slower to your pace :)

[@arikabrar1907]

Your content was great. But my advise is u need to be a little bit slow while coding. The new comer wont be cope with in this speed.

[@mdmiyamhosen7585]

❤

[@zubairahmed6908]

Wow man

[@createdbykoko]

Whatsup

[@zubairahmed6908]

​@@createdbykokoI have a question though I'm taking input from the user and it's calculated so still should I use list view builder?

[@abdullohrazzoqov9982]

like

[@createdbykoko]

❤️✌🏾

[@serdarakulker7166]

Stg

[@x1ndreg677]

how do i make my indent or whatever you call this ⌊ on my vsc anyone?