LISTVIEW & BUILDER • Flutter Widget of the Day #04

Поділитися
Вставка
  • Опубліковано 4 лют 2025

КОМЕНТАРІ • 147

  • @createdbykoko
    @createdbykoko  Рік тому +1

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

  • @better_notes182
    @better_notes182 7 місяців тому +6

    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
    @lesptitsoiseaux 2 роки тому +31

    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
      @createdbykoko  2 роки тому +4

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

    • @lesptitsoiseaux
      @lesptitsoiseaux 2 роки тому +3

      @@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
      @aviksutar Рік тому +1

      ​@@createdbykoko hi

  • @luriahk007
    @luriahk007 2 роки тому +9

    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

  • @Samsul2013
    @Samsul2013 Рік тому +4

    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
      @createdbykoko  Рік тому

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

    • @Samsul2013
      @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
    @co2obnoxious776 Рік тому +7

    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.

  • @katya-neigong
    @katya-neigong 14 днів тому

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

  • @TomTurnerIT
    @TomTurnerIT 2 роки тому +1

    Thanks

    • @createdbykoko
      @createdbykoko  2 роки тому

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

  • @dota2toprank
    @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
    @fadhilirimba6 3 роки тому +4

    Massive fan here, keep up the good work.

  • @vincentmichael499
    @vincentmichael499 2 роки тому +2

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

  • @learningcurious5845
    @learningcurious5845 3 роки тому +1

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

  • @KrishNamaste
    @KrishNamaste Рік тому +1

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

  • @syedumair3172
    @syedumair3172 2 роки тому +3

    Crystal clear! Saved my day

  • @nihal5223
    @nihal5223 2 роки тому +7

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

    • @createdbykoko
      @createdbykoko  2 роки тому +1

      My pleasure Nihal! Glad you find it helpful

  • @fandy4fun
    @fandy4fun 3 роки тому +5

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

    • @createdbykoko
      @createdbykoko  2 роки тому

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

  • @gerleuchi
    @gerleuchi Рік тому +1

    SAVING THIS VIDEO DONE! HOPEFULLY WORK.

  • @jameskrousorati3944
    @jameskrousorati3944 2 роки тому +1

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

    • @createdbykoko
      @createdbykoko  2 роки тому

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

    • @jameskrousorati3944
      @jameskrousorati3944 2 роки тому +1

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

    • @createdbykoko
      @createdbykoko  2 роки тому

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

    • @jameskrousorati3944
      @jameskrousorati3944 2 роки тому

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

    • @createdbykoko
      @createdbykoko  2 роки тому +1

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

  • @Qwasieee_P
    @Qwasieee_P Рік тому

    First video I actually understand on this topic

  • @OrucMahmood
    @OrucMahmood 2 роки тому +2

    Perfect explaining! Thanks a lot, Mitch! 👍

  • @sauravkc1382
    @sauravkc1382 2 роки тому +1

    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

  • @flutterwithabdul6142
    @flutterwithabdul6142 2 роки тому +1

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

  • @mayankmudgal1728
    @mayankmudgal1728 Рік тому +1

    Cool video dude!

  • @ugurburakaydn1221
    @ugurburakaydn1221 3 роки тому +4

    very informative and easy to understand explanation

  • @nourhamada1409
    @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

  • @imnotblackpinkfanimtheirai5300

    short, simple but easy to understand

  • @ugurburakaydn1221
    @ugurburakaydn1221 3 роки тому +2

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

  • @SaitamaMixed
    @SaitamaMixed 9 місяців тому

    Count me in as new subscriber dude, awesome tutorial.

  • @0xShakhawat
    @0xShakhawat 8 місяців тому

    Great! Great! Great Video so far!!!

  • @alfonsoromero3092
    @alfonsoromero3092 2 роки тому +3

    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

  • @yahyaal-salman702
    @yahyaal-salman702 2 роки тому +1

    very informative and easy to understand explanation thank you

  • @fahadjhon3995
    @fahadjhon3995 2 роки тому

    great underrated content

  • @tahaaaa.xo21
    @tahaaaa.xo21 2 роки тому +1

    this was super helpfullllllllllllllll , keep up the good work

  • @tristaaandev
    @tristaaandev 11 місяців тому

    Great video!

  • @CristianGrcnt
    @CristianGrcnt Рік тому

    Excellent tutorial! thanks a lot.

  • @shuaibalghazali3405
    @shuaibalghazali3405 11 місяців тому

    Thanks very much I appreciate this

  • @simonmensah3409
    @simonmensah3409 Рік тому

    This is an awesome tutorial, thanks a lot

  • @fusuy364
    @fusuy364 3 роки тому

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

    • @createdbykoko
      @createdbykoko  3 роки тому

      From Turkey! Nice man thanks for your comment ♥️

  • @tonitorres3339
    @tonitorres3339 Рік тому

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

  • @Archnesis
    @Archnesis 2 роки тому

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

    • @createdbykoko
      @createdbykoko  2 роки тому

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

  • @ugurburakaydn1221
    @ugurburakaydn1221 3 роки тому

    thx dude. I am writing from Turkey.

    • @createdbykoko
      @createdbykoko  3 роки тому

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

  • @mulleramsaledemis2517
    @mulleramsaledemis2517 2 роки тому +1

    Its helpfull thanks for making this tutorial

  • @jorgeluiscondorichavez9163
    @jorgeluiscondorichavez9163 3 роки тому

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

  • @zubairahmed6908
    @zubairahmed6908 9 місяців тому

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

  • @user-yh5op8xf4g
    @user-yh5op8xf4g 11 місяців тому

    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

  • @nieall
    @nieall Рік тому

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

  • @sleepystudios9597
    @sleepystudios9597 3 роки тому +1

    GRIDVIEW NEXTTTT

  • @lukebuono7422
    @lukebuono7422 2 місяці тому

    bro add a SafeArea on top pls

  • @Mardiantopersonal
    @Mardiantopersonal Рік тому

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

  • @borneoviral6379
    @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)

  • @thieuquang7978
    @thieuquang7978 7 місяців тому

    what kind of indent extension do you use?

  • @chahinezremaci4516
    @chahinezremaci4516 2 роки тому

    merci beaucoup ❤

  • @MachineLearning-rw7jd
    @MachineLearning-rw7jd Рік тому

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

  • @perseusgeorgiadis7821
    @perseusgeorgiadis7821 2 роки тому

    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?

  • @geeno123
    @geeno123 3 роки тому

    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
      @createdbykoko  3 роки тому +1

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

    • @geeno123
      @geeno123 3 роки тому

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

    • @createdbykoko
      @createdbykoko  3 роки тому +1

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

  • @epi_sto_letes
    @epi_sto_letes 2 роки тому

    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
      @createdbykoko  2 роки тому +1

      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
      @epi_sto_letes 2 роки тому

      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
      @epi_sto_letes 2 роки тому +1

      @@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
      @createdbykoko  2 роки тому +1

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

  • @Manan_K
    @Manan_K 3 роки тому

    Thank you very very much!

  • @havefun5519
    @havefun5519 2 роки тому

    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?

  • @MIKKUCN
    @MIKKUCN 2 роки тому

    THanks you a lot 😊😊😊

  • @shansalaayodya8149
    @shansalaayodya8149 3 роки тому

    Done and dusted🥰

  • @oberyn.freezingmoon
    @oberyn.freezingmoon Рік тому +1

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

  • @metasujet5289
    @metasujet5289 2 роки тому

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

  • @fahadjhon3995
    @fahadjhon3995 2 роки тому

    clean easy and interesting

  • @nodirectionvlogs7237
    @nodirectionvlogs7237 2 роки тому +1

    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
      @createdbykoko  2 роки тому +1

      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

  • @TechnoAmazeUpdates
    @TechnoAmazeUpdates 3 роки тому +1

    Thank you for such videos @mitch koko ❤💯

  • @achrafmhamdi7018
    @achrafmhamdi7018 2 роки тому

    Thank you bro

  • @aguycallednigga1
    @aguycallednigga1 10 місяців тому

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

  • @Nayel-Khouatra
    @Nayel-Khouatra 2 роки тому

    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 ?

  • @scotts3062
    @scotts3062 7 місяців тому

    What is Context?

  • @auliasabril1899
    @auliasabril1899 3 роки тому

    thank you

  • @szy0syz
    @szy0syz 3 роки тому

    I like this video ~ ✌️

  • @MrJunioSmith
    @MrJunioSmith 2 роки тому

    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!

  • @toptech1068
    @toptech1068 2 роки тому

    just use sp404 for making soft

  • @syedharis2771
    @syedharis2771 3 роки тому

    Awesome!

  • @Omarhi51llarious4tsxdl1l
    @Omarhi51llarious4tsxdl1l Рік тому +1

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

    • @createdbykoko
      @createdbykoko  Рік тому

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

  • @aouadicharaf1038
    @aouadicharaf1038 Рік тому

    ❤❤❤

  • @fahrizakurniawan9959
    @fahrizakurniawan9959 2 роки тому

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

    • @createdbykoko
      @createdbykoko  2 роки тому

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

  • @siddharthroy6033
    @siddharthroy6033 2 роки тому

    how to add image in different circle in list view

    • @createdbykoko
      @createdbykoko  2 роки тому

      Hey check this out and let me know if u need more help ua-cam.com/video/6TmpjwKX9AU/v-deo.html

  • @TechnoAmazeUpdates
    @TechnoAmazeUpdates 3 роки тому

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

    • @createdbykoko
      @createdbykoko  3 роки тому

      Here's a quick tutorial I made for how to put in images. Let me know if this doesn't answer your question.
      ua-cam.com/video/6TmpjwKX9AU/v-deo.html

  • @knotdeveloper7433
    @knotdeveloper7433 2 роки тому

    great

  • @sakib-ef4tq
    @sakib-ef4tq Рік тому

    am from bangaladesh

  • @LeandroSilva-yp4tb
    @LeandroSilva-yp4tb 2 місяці тому

    TOP

  • @angelicaesquibal281
    @angelicaesquibal281 2 роки тому

    what extension are the lines?

    • @createdbykoko
      @createdbykoko  2 роки тому

      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?

  • @jdai1249
    @jdai1249 2 роки тому +1

    Where are you from?

  • @ikwanisb6732
    @ikwanisb6732 2 роки тому

    Cool!

  • @sivaram1804
    @sivaram1804 2 роки тому

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

    • @createdbykoko
      @createdbykoko  2 роки тому

      A pageview widget might be better for that ua-cam.com/video/Gqp0_ZTeH8g/v-deo.html

  • @jeffreywhewhetu5754
    @jeffreywhewhetu5754 2 роки тому

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

  • @mdmiyamhosen7585
    @mdmiyamhosen7585 Рік тому

  • @zubairahmed6908
    @zubairahmed6908 9 місяців тому

    Wow man

    • @createdbykoko
      @createdbykoko  9 місяців тому

      Whatsup

    • @zubairahmed6908
      @zubairahmed6908 9 місяців тому

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

  • @DigitalWorldMind
    @DigitalWorldMind 3 роки тому

    is there any jobs in flutter?

  • @philipph9064
    @philipph9064 2 роки тому

    Love it, but so much ads in 9 minutes 👎

  • @arikabrar1907
    @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.

  • @abdullohrazzoqov9982
    @abdullohrazzoqov9982 2 роки тому +1

    like

  • @serdarakulker7166
    @serdarakulker7166 2 роки тому

    Stg

  • @favourwilliams3771
    @favourwilliams3771 3 роки тому +1

    you are very fast not getting it
    too fast

    • @createdbykoko
      @createdbykoko  3 роки тому

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

  • @x1ndreg677
    @x1ndreg677 Рік тому

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