LISTVIEW & BUILDER • Flutter Widget of the Day #04

💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatA...
📱 Flutter Courses • mitchkoko.app/
👨🏽‍💻 I'm coding a startup.. / mitchkoko
/ createdbykoko
/ createdbykoko
/ createdbykoko
💰 Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
~ ;
L E T ' S L I N K U P
instagram: / createdbykoko
github: github.com/mitchkoko/
website: mitchkoko.app/
facebook: / createdbykoko
patreon: / mitchkoko

[@createdbykoko]

🔥📱 Flutter Templates • mitchkoko.app/ 🥷🏽📱 Minimal Social App • mitchkoko.gumroad.com/l/MinimalSocialApp 💰📱 Minimal Ecommerce App • mitchkoko.gumroad.com/l/MinimalEcommerceApp

[@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

[@KrishNamaste]

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

[@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

[@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

[@fadhilirimba6]

Massive fan here, keep up the good work.

[@OrucMahmood]

Perfect explaining! Thanks a lot, Mitch! 👍

[@createdbykoko]

no problem!

[@mayankmudgal1728]

Cool video dude!

[@0xShakhawat]

Great! Great! Great Video so far!!!

[@learningcurious5845]

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

[@syedumair3172]

Crystal clear! Saved my day

[@createdbykoko]

Glad it helped!

[@vincentmichael499]

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

[@createdbykoko]

haha my pleasure vincent!

[@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?

[@gerleuchi]

SAVING THIS VIDEO DONE! HOPEFULLY WORK.

[@Qwasieee_P]

First video I actually understand on this topic

[@SaitamaMixed]

Count me in as new subscriber dude, awesome tutorial.

[@simonmensah3409]

This is an awesome tutorial, thanks a lot

[@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

[@CristianGrcnt]

Excellent tutorial! thanks a lot.

[@fahadjhon3995]

great underrated content

[@jorgeluiscondorichavez9163]

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

[@tahaaaa.xo21]

this was super helpfullllllllllllllll , keep up the good work

[@createdbykoko]

❤️❤️

[@tristaaandev]

Great video!

[@ugurburakaydn1221]

very informative and easy to understand explanation

[@createdbykoko]

Glad it was helpful!

[@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

[@ugurburakaydn1221]

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

[@fusuy364]

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

[@createdbykoko]

From Turkey! Nice man thanks for your comment ♥️

[@shuaibalghazali3405]

Thanks very much I appreciate this

[@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

[@TechnoAmazeUpdates]

Thank you for such videos @mitch koko ❤💯

[@imnotblackpinkfanimtheirai5300]

short, simple but easy to understand

[@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

[@ugurburakaydn1221]

thx dude. I am writing from Turkey.

[@createdbykoko]

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

[@tonitorres3339]

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

[@syedharis2771]

Awesome!

[@chahinezremaci4516]

merci beaucoup ❤

[@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

[@Manan_K]

Thank you very very much!

[@createdbykoko]

no problem !

[@MIKKUCN]

THanks you a lot 😊😊😊

[@mulleramsaledemis2517]

Its helpfull thanks for making this tutorial

[@createdbykoko]

My pleasuee bro glad it helps you!

[@achrafmhamdi7018]

Thank you bro

[@szy0syz]

I like this video ~ ✌️

[@fahadjhon3995]

clean easy and interesting

[@createdbykoko]

Glad it helped! ✌🏾

[@shansalaayodya8149]

Done and dusted🥰

[@auliasabril1899]

thank you

[@scalt8367]

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 ?

[@ikwanisb6732]

Cool!

[@knotdeveloper7433]

great

[@TomTurnerIT]

Thanks

[@createdbykoko]

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

[@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?

[@nieall]

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

[@aouadicharaf1038]

❤❤❤

[@sleepystudios9597]

GRIDVIEW NEXTTTT

[@createdbykoko]

👌 coming next

[@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 ")

[@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

[@metasujet5289]

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

[@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?

[@MachineLearning-rw7jd]

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

[@thieuquang7978]

what kind of indent extension do you use?

[@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 ✌🏾

[@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!

[@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 :)

[@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)

[@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

[@aguycallednigga1]

how do i put that tree showing parent and root widgets ?

[@mdmiyamhosen7585]

❤

[@Mardiantopersonal]

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

[@sakib-ef4tq]

am from bangaladesh

[@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

[@toptech1068]

just use sp404 for making soft

[@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

[@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?

[@scotts3062]

What is Context?

[@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?

[@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

[@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

[@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

[@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?

[@jeffreywhewhetu5754]

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

[@jdai1249]

Where are you from？

[@createdbykoko]

I live in australia

[@philipph9064]

Love it, but so much ads in 9 minutes 👎

[@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

[@mohammedaathif3474]

is there any jobs in flutter?

[@createdbykoko]

Yeah flutter is on the rise now :)

[@abdullohrazzoqov9982]

like

[@createdbykoko]

❤️✌🏾

[@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.

[@serdarakulker7166]

Stg

[@x1ndreg677]

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

[@yahyaal-salman702]

very informative and easy to understand explanation thank you

[@createdbykoko]

no problem! glad i could help hehe