📱⌚️MODERN WHEEL SCROLL • Flutter Tutorial

Поділитися
Вставка
  • Опубліковано 19 гру 2021
  • 💬 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...
    ~ ;
    The flutter widget for this one is called LIST WHEEL SCROLL VIEW :D
    C O D E
    github.com/mitchkoko/wheelscroll
    W I D G E T
    api.flutter.dev/flutter/widge...
    S O C I A L
    tiktok: vm.tiktok.com/ZSePuSN4n/
    instagram: / createdbykoko
    github: github.com/mitchkoko/
    website: mitchkoko.app/
    facebook: / createdbykoko
    patreon: / mitchkoko
    #flutterwidget #listwheelscrollview
  • Наука та технологія

КОМЕНТАРІ • 36

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

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

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

    Awesome tutorial!! You hands down have the best tutorials out there about flutter! Keep up the good work!

  • @MehmetKoseDev
    @MehmetKoseDev Рік тому +3

    your videos are clean, precise and direct to the point. I love it.

  • @geovajonnathacorreia559
    @geovajonnathacorreia559 14 днів тому +1

    OMG your video was so nice, Thanks!

  • @user-px4yg1uo2y
    @user-px4yg1uo2y 5 місяців тому +1

    brilliant

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

    Awesome

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

    Very Clear! U just earned yrself a new sub:)

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

    Great video. One thing I'd like you to clarify that you left out in the video is how do you set the background for the items in focus? The grey background on the row from the thumbnail.

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

      I'm not sure how he did that, but I opted for the overAndUnderCenterOpacity, and set that to .5. You will need to play around with the squeeze property until the numbers line up.
      This is the code I used, and I prefer it to the grey overlay:
      ListWheelScrollView.useDelegate(
      squeeze: 1.2,
      itemExtent: 50,
      perspective: 0.005,
      diameterRatio: 1.2,
      overAndUnderCenterOpacity: .5,
      physics: const FixedExtentScrollPhysics(),
      childDelegate: ListWheelChildBuilderDelegate(),
      );

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

    tnk bro

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

    Hey, have you uploaded any video related to setting light and dark mode in the app. I heard that you'll do it later, but haven't found in any video. ???

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

    Thank you mitch Koko. I hope you will upload more widget videos for us🥰

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

    Nice one , I like how it gives me a 26hrs in a day 😬 KEEP IT UP !!

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

    Great vid, thanks! However, when I try to use it on Chrome, the wheelscroll doesn't work, how can I make it work when I click them?

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

    can someone tell me what extension do he have for visual studio?

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

    How to make this horizontal ? :)

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

    The list tile isn't showing ij the example code

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

    anyone know how i can do this in flutterflow?

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

    I downloaded your code for this, thank you! I was just wondering how you get the grey bar background behind whichever row is selected as seen in the intro at 8 sec mark.

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

      Ok I wrapped the entire widget with a stack and put a container over the scrolling parts to highlight the selected row. I think this is the best way to do it?

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

      @@joewilliams9783 that is exactly what I did! I used a stack and positioned a grey container over it 😇

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

    Awesome..
    But it is more consise
    return AmPm(
    isItAm: index == 0
    );
    instead of this :)
    if (index == 0) {
    return AmPm(
    isItAm: true,
    );
    } else {
    return AmPm(
    isItAm: false,
    );
    }
    Happy Coding :)

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

      Ah great comment thank you! That is much better haha

  • @MdSiam-kw5ox
    @MdSiam-kw5ox 2 роки тому

    Make more Widget of the day video.

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

      Yessirr ✌🏾

    • @MdSiam-kw5ox
      @MdSiam-kw5ox 2 роки тому

      @@createdbykoko Make one with LinearGradient

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

      @@MdSiam-kw5ox okay sure but i think there are already good tutorials for linear gradient from other youtubers? What is your opinion

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

    Hey Bro

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

    No copyright music : ua-cam.com/video/JbVFDMS30i8/v-deo.html

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

    Hello, do you have an idea on how to make the wheel begin at the hour of DateTime.now() ? Would be very helpful to me. Very good video otherwise :)

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

    Make Weekly video on some Good but Unpopular packages from PubDeV