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

Поделиться
HTML-код
  • Опубликовано: 21 авг 2024

Комментарии • 87

  • @HeyFlutter
    @HeyFlutter  Год назад +2

    This might help you :)
    👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: github.com/JohannesMilke/horizontal_listview_example

  • @webpro9083
    @webpro9083 2 года назад +7

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

  • @maheshverma6148
    @maheshverma6148 7 месяцев назад +1

    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.

    • @HeyFlutter
      @HeyFlutter  7 месяцев назад

      Glad you liked it, @maheshverma6148 😀

  • @lesptitsoiseaux
    @lesptitsoiseaux 11 месяцев назад

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

    • @HeyFlutter
      @HeyFlutter  11 месяцев назад

      Glad you liked it, @lesptitsoiseaux 😀

    • @lesptitsoiseaux
      @lesptitsoiseaux 11 месяцев назад

      @@HeyFlutter I'm writing an app that I hope can solve trust between people, and I did a lot so far thanks to your videos. I appreciate you man. Cheers from Vancouver! :)

  • @goldenlife6166
    @goldenlife6166 2 года назад +2

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

  • @taiyabranapur
    @taiyabranapur 10 дней назад

    Great explanations, very helpful for new commers , thanks buddy.

    • @HeyFlutter
      @HeyFlutter  4 дня назад

      Glad to hear that, Thank you @taiyabranapur3803! 😊

  • @bimugdhasatyal7626
    @bimugdhasatyal7626 Год назад +1

    Short and sweet. Thanks for the video

    • @HeyFlutter
      @HeyFlutter  Год назад

      Glad you liked it, @bimugdhasatyal7626 😀

  • @thomasmabika7291
    @thomasmabika7291 2 года назад +4

    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?

  • @albertotroncon9885
    @albertotroncon9885 2 года назад +6

    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 ().

    • @albertotroncon9885
      @albertotroncon9885 2 года назад +4

      @@HeyFlutter thank you, I solve the problem when I put (item: items[index]), but I have another question: have you ever used the function ScrollSnapList, and if yes which package did you import in order to work the code?

  • @pash64
    @pash64 Год назад +1

    Bro I like this.

  • @ChrisHalden007
    @ChrisHalden007 Год назад +1

    Great video. Thanks

    • @HeyFlutter
      @HeyFlutter  Год назад

      You are welcome, ZobDeMouche007!

  • @kibromhs7566
    @kibromhs7566 2 года назад +1

    You know how to help Thanks man keep it up

  • @atultiwari7361
    @atultiwari7361 2 года назад +1

    Thankyou for your master contents ,

  • @ultramaxx1155
    @ultramaxx1155 2 года назад +1

    Nice Tutorials!!

  • @MohamedGamal-xj8dq
    @MohamedGamal-xj8dq 2 года назад

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

  • @huguesbomo9297
    @huguesbomo9297 2 года назад +1

    you are so great thank you

  • @abdifitaahshariif5866
    @abdifitaahshariif5866 2 года назад +1

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

  • @AzoeJame
    @AzoeJame 2 года назад +1

    Great work . thank you

  • @andyrenton1962
    @andyrenton1962 2 года назад +1

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

  • @kgetgamingentertainmenttec8243
    @kgetgamingentertainmenttec8243 Год назад +2

    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

    • @HeyFlutter
      @HeyFlutter  Год назад +2

      Thank You Kirubel Berhanu! Follow this link: stackoverflow.com/questions/71476036/create-additional-cards-on-button-press
      I hope you will get your answer 🙂

    • @kgetgamingentertainmenttec8243
      @kgetgamingentertainmenttec8243 Год назад +1

      @@HeyFlutter Thanks 🙂

  • @dicksonguinajnr1449
    @dicksonguinajnr1449 2 года назад

    Thank you so much my brother..

  • @prakashbasnet1156
    @prakashbasnet1156 2 года назад +2

    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?

  • @user-gt4kr1hn5u
    @user-gt4kr1hn5u Год назад +1

    How add images from asset
    Instead urlimage?

  • @jacktheripper571
    @jacktheripper571 Год назад +1

    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?

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thank You Yunus Ozkaya! Follow this link: medium.com/flutter-community/flutter-widgets-stack-positioned-the-whole-picture-5ac7310c306b
      I hope you will get your answer 🙂

    • @jacktheripper571
      @jacktheripper571 Год назад

      @@HeyFlutter Thank you for the reply, i fixed it.

  • @saurabhswani
    @saurabhswani 2 года назад +1

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

  • @sherifsaidelahl7585
    @sherifsaidelahl7585 2 года назад +1

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

  • @mohammedhamdan5323
    @mohammedhamdan5323 2 года назад

    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

  • @fish-qr3by
    @fish-qr3by 2 года назад +1

    Hi, i encountered an issure at 'itemBuilder: (context, index) => buildCard(item: index),' the error showed that The argument type 'int' can't be assigned to the parameter type 'CardItem'. may i know how can i solve this

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Hey, zengyu chen! error is well explaining itself, you have 2 options.
      1.) Either you can change argument type of buildCard() method to int
      2.) Or you can pass card item in your buildCard() widget

    • @fish-qr3by
      @fish-qr3by 2 года назад +1

      @@HeyFlutter hi thanks for your reply but what does it mean by pass card item in my buildCard() widget?

    • @fish-qr3by
      @fish-qr3by 2 года назад +2

      Would appreciate if you could remember what's the unfinished line 'itemBuilder: (context, index) => buildCard(item: index),' @5.35 because it is blocked tq!

    • @atonyamekyemensah5660
      @atonyamekyemensah5660 11 месяцев назад

      same here I can't see what's on there
      @@fish-qr3by

    • @atonyamekyemensah5660
      @atonyamekyemensah5660 11 месяцев назад

      I've figured it out man change this line "itemBuilder: (context, index) => buildCard(item: index))," to this "itemBuilder: (context, index) => buildCard(item: items[index]))," it would work
      @@fish-qr3by

  • @cavidanbagiri7837
    @cavidanbagiri7837 2 года назад

    Krasava

  • @MetaTesla
    @MetaTesla 2 года назад +1

    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.

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank You Teddy! Follow this link: stackoverflow.com/questions/52078972/flutter-scrollable-body-with-horizontal-list-and-grid-as-children
      I hope you will get your answer 🙂

  • @rashidkhan1845
    @rashidkhan1845 2 года назад

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

  • @ritiksaxenaofficial
    @ritiksaxenaofficial 2 года назад

    Great

  • @hirenpambhar728
    @hirenpambhar728 17 дней назад

    Hello sir, i can arraged vertical scroll perfect but same things i do what you do but i can not arraged horizonal scroll .any solution for this?

    • @HeyFlutter
      @HeyFlutter  12 дней назад

      Thank you, @hirenpambhar728! 🙂. Please try to provide enough details with your question.

    • @hirenpambhar728
      @hirenpambhar728 10 дней назад

      @@HeyFlutter sir when i apply horizonatal scroll i can not move horizonatally in pc but in phone same thing happend right.

  • @sachinrajput9491
    @sachinrajput9491 2 года назад

    again hello @Johannes you wrap Listview.builder in Container with heigth = 256 .... there is any solution you remove Container height because again it is not responsive if we add new widgets.

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      Thank You Sachin Rajput! Follow this link: stackoverflow.com/questions/49704497/how-to-make-flutter-app-responsive-according-to-different-screen-size
      I hope you will get your answer 🙂

    • @sachinrajput9491
      @sachinrajput9491 2 года назад

      @@HeyFlutter ​ i am not asking about different screen sizes. my question is if we add 2-3 more Text widgets then we have to increase container height from 256 to 320 or something . is there any solution for this height will increase automatic.

  • @pranavvariar2751
    @pranavvariar2751 2 года назад

    Hey how can I make this a reusable widget?

  • @ash.2626
    @ash.2626 Год назад

    How to set height dynamically in listview.builder for horizontal scroll direction

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thank You Ashwini D! Follow this link: stackoverflow.com/questions/70977252/horizontal-listview-builder-with-items-of-dynamic-height
      I hope you will get your answer 🙂

  • @kajalkamani537
    @kajalkamani537 2 года назад

    How can create list inside map data

  • @shakilahmed5636
    @shakilahmed5636 2 года назад

    Hello sir, I'm not getting the confirmation email after requesting for a access to this source code. I've checked spam folder as well. Please help me get access to this source code.

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thanks, Shakil Ahmed! 🙂 Learn more about it here: github.com/JohannesMilke/sponsorware#2-why-didnt-i-get-an-email-even-if-i-have-sent-already-a-request-on-your-website

  • @yusuefarsha
    @yusuefarsha Год назад

    sir, how to convert data from listview to paragraph?

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thanks for the idea YUSUF BADRIAWAN 😀, i have added it in my list of future videos

  • @XxLordStarLinkxX
    @XxLordStarLinkxX 2 года назад

    in the minute 5:30 how you make
    itemBuilder: (context, index) => buildCard(items: index),
    ),
    i have error even if i add the
    Widget buildCard({
    required CardItem item,
    the error continue help pls!

    • @Teitaischool
      @Teitaischool 2 года назад

      @@HeyFlutter I had the same problem. It was incorrect in the video

    • @SantoshYadav-lc3hi
      @SantoshYadav-lc3hi 2 года назад

      How you solve this problem.I am also getting same problem.

    • @Teitaischool
      @Teitaischool 2 года назад +4

      @@SantoshYadav-lc3hi itemBuilder: (context, index) => buildCard(item: items[index]),

    • @URIXMX
      @URIXMX 2 года назад

      @Ahmad Amro life saver!

    • @subak4532
      @subak4532 Год назад

      @@Teitaischool thank you so much

  • @AjayAnandM
    @AjayAnandM Год назад

    Hey Flutter, thanks for a wonderful video !!
    I had occured an error at 05:23 to 05:33 second and i tried to go for your github repo, daaamn lots of shits to do, cant i get it for freee lol so many things needed to do for that link ,and its a shame 🤥 im really disappointed

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thank You @AjayAnandM!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware

  • @gamerankster-uranusplayer-6611
    @gamerankster-uranusplayer-6611 2 года назад

    Bro, when will you make video about PayPal.

  • @prometheusli101
    @prometheusli101 2 года назад

    how can i horizontally scroll on web

    • @prometheusli101
      @prometheusli101 2 года назад

      @@HeyFlutter thank you. but it doesn't work

  • @wahidesmail5764
    @wahidesmail5764 6 месяцев назад

    Didn’t work with me

    • @HeyFlutter
      @HeyFlutter  6 месяцев назад

      Thank you, @wahidesmail5764! 🙂. Please try to provide enough details with your question

  • @exciharits4232
    @exciharits4232 2 года назад +1

    Nice try, but you are so stingy in showing the screen. 🙏

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      Thanks for your feedback, El- Madiuny! 🙂

  • @user-gt4kr1hn5u
    @user-gt4kr1hn5u Год назад

    How add images from asset
    Instead urlimage?

  • @user-gt4kr1hn5u
    @user-gt4kr1hn5u Год назад

    How add images from asset
    Instead urlimage?

  • @user-gt4kr1hn5u
    @user-gt4kr1hn5u Год назад

    How add images from asset
    Instead urlimage?

    • @HeyFlutter
      @HeyFlutter  Год назад

      Hey 😊, @user-gt4kr1hn5u! Check out this video: ruclips.net/video/Aaci7TrUuzQ/видео.html