Flutter Tutorial - How To Create Horizontal ListView | Scrollable Row | Cards, Text, Image

Create a scrollable horizontal ListView, a scrollable Row in Flutter with the ListView widget or the Flutter SingleChildScrollView widget. We will set the ListView dynamic height and use ListView Separated to create space between items in a ListView. Learn the difference between ListView and ListView Builder, the difference between ListView and SingleChildScrollView in Flutter.

SUBSCRIBE HERE

SUPPORT & SPONSOR ME

RESOURCES

TIMELINE
0:00 Introduction Horizontal ListView
0:17 Row Overflow On Right Side
0:45 Create Scrollable Horizontal ListView
1:32 Fix Bottom Overflow For Horizontal ListView
2:16 Set ListView Dynamic Height / Create SingleChildScrollView And Row Widget
2:55 Difference Between ListView And SingleChildScrollView / ListView VS SingleChildScrollView
3:19 Difference Between ListView And ListView Builder / ListView VS ListView Builder
3:52 ListView Space Between Items / ListView Separated
4:16 Create Image Card List / Create Image Card ListView
7:13 Card OnPressed / Card OnTap In Horizontal ListView

SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS

*********

SOCIAL MEDIA: Follow Us :-)

LEARN MORE

PLAYLISTS

CREDITS

#Flutter #Tutorial #JohannesMilke

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)

[webpro]

You prove the quote "The little things matter". These little widgets explained one by one is more valuable than full-page designs

[goldenlife]

Great work johannes, really appreciate your commitment towards people like me who loving you lot

[maheshverma]

Thank you so much for teaching us brother. Your tutorials are not just random ones, you actually know what problems beginner developers go through and make videos to solve the problems. You're great brother. GOD bless you.

[kibromhs]

You know how to help Thanks man keep it up

[andyrenton]

Thanks so much I'm looking forward to sharing our production app with you - your tutorials have been invaluable in making it happen

[lesptitsoiseaux]

I love your dedication we hear in your voice. For you, this is truly your calling.

[abdifitaahshariif]

Great job keep it up.Please make video vertical scroll view thanks

[MohamedGamal-xjdq]

i need to told you That i love you .
Best channel

[mohammedhamdan]

thanks . but how if we want to scroll only one time and it is show one index every time user scroll i mean the same but index come in the center

[thomasmabika]

are there really no other flutter concepts you haven't already covered? some advanced concepts maybe? Will there be a horizontal listview 2022 or 2023 video? What's the difference between this video here and the one from last year?

[saurabhswani]

Sir please make video on Dio package of flutter for json parsing

[albertotroncon]

when you put inside the itemBuilder and in particular in buildCard() the sentence "(items:index)" gives you error, after when you go forward the sentence changes but you hide the transformation so for me its difficult to understand what I have to write within the ().

[rashidkhan]

Sir I want to navigate every time a different page after clicking one of the shoes

[gtkrhnu]

How add images from asset
Instead urlimage?

[sherifsaidelahl]

Perfect! .. how can I add to the list an auto scroll (animation) like an addvertisement + keeping the capability of scrolling it manually?

[pranavvariar]

Hey how can I make this a reusable widget?

[MetaTesla]

Great video! Btw do you happen to know how to solve listview.builder rebuilding widgets when scrolling? It seems i set my widgets's property(isAddToCart) true since i press the toggle event but once i scroll(horiztontal)and come back to false.

[prakashbasnet]

What if I want a listview.builder insider column which is scrollable? How can we solve this problem? Can you make a short tutorial about that?

[kgetgamingentertainmenttec]

Hi amazing tutorial i had one question is there a way i can add button to the card item instead of hard coding buttons for each card

[jacktheripper]

Hey, i have a background pic on my app and i couldn't manage to put my items nicely. Height is double.maxFinite in my body because of background image. What can i do?