music player UI 👨🏽‍💻 flutter tutorial from scratch ♡

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

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

  • @createdbykoko
    @createdbykoko  2 года назад +9

    💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass
    📱 Flutter Masterclass • mitchkoko.app/
    🔥 I'm coding a startup.. www.patreon.com/mitchkoko

    • @SaifAli-zf5qi
      @SaifAli-zf5qi 2 года назад +1

      start creating a complete a app along firebase connectivity

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

      @@SaifAli-zf5qi yup got one with firebase in the works right now

    • @SaifAli-zf5qi
      @SaifAli-zf5qi 2 года назад

      @@createdbykoko waiting 4 that one 😍

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

      @Mitch Koko I like your videos and I don't have any account to buy code. I don't want code I just want Images can I get these images free? I shall be very thankful

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

      @@ilahi66kodcu the code is free

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

    this guy definitely has a super duper eye for design - which is like almost NON EXSISTENT when it comes to people who code n shit

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

      Hey appreciate it bicycle man! ❤️

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

      @Mitch Koko hey I have a question would really appreciate and be a long time supporter if u can answer me. How can I in flutterflow set it up so that when a video finishes playing it automatically becomes an action that can like trigger another video etc.. I can do it manually in vs code but then I can't bring it back to flutterflow so I loose out on the friendly ff interface.. so was wondering how to do that? Thanks -

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

    Thanks bro for this video. I have liked the video and I am your subscriber.
    Keep moving we are with you!!!!

  • @rohits.7752
    @rohits.7752 2 года назад +3

    Amazing work bro .... Love the way you present your art naturally (i.e without any pre-coded script).. i love to learn from you but more importantly THINK LIKE YOU so that i can improve my UI skills💯

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

      Hey Rohit thanks 👨🏽‍💻❤️ glad it helps 😛

  • @SaifAli-zf5qi
    @SaifAli-zf5qi 2 года назад +1

    you are love man, your tutorial help me alot for learning flutter..

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

      glad it helps Saif! 👨🏽‍💻✌🏾

  • @senor7857
    @senor7857 2 года назад +9

    It would be great a second part of these kind of videos with the functional part, the difficult one (to me)

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

      Okay sure noted :)

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

      @@createdbykoko Hii, is there any update on this, thankss

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

      @@andreaseneres9581 not yet but i am thinking of maybe continuing it. Are you interested in a music player app?

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

      Yeah, just found you days ago, these videos are so usefull, keep the good work up@@createdbykoko

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

      Hi Mitch, I also want you to create a second part for functionality and use the NEUMORPHIC BUTTON PRESS Effect for buttons.@@createdbykoko

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

    your video is so cool! learned a lot from you

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

    Cool video mate! I'm starting with Flutter and this is a gem.

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

    Thank you to giving the code

  • @MohamedAhmed-ys2np
    @MohamedAhmed-ys2np 2 года назад +2

    Awesome ❤️

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

    yo....awesome ui !! much appreciate....though please make a full audio player from this, it will be so amazing!!! 🥰🥰🥰🥰🥰🥰🥰🥰

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

    Beautiful UI ❤️

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

    Wow!!!! Simply Amazingg🤍

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

      Thanks 👨🏽‍💻❤️❤️

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

    Great work, Mitch. Make sure you use the exact version of percent_indicator as used by Mitch. I used percent_indicator: ^4.0.1 and got into a lot of trouble. I had to downgrade to percent_indicator: ^3.4.0.

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

      Yes good note. I’m not sure why the newer versions are giving us trouble 👿

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

    this is great video. but if you show how press on back button on NeuBox its shadow change just on pressed effect then would be better

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

    Love your videos, can you make a tutorial where you can have multiple users chat with 1 admin account, he can reply to all of them but they can only chat with him, kinda like a chat support feature, keep it up

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

    Mitch please make this one functional with hive
    keep going mate

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

    yo! thank you so much dude

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

    You are amazing Sir. I love to see your video. Can share a flutter road map for beginners?

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

    Very Nice Video .. Keep it up .. Thanks its helpful ..

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

    plz make it functional

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

    Super👍

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

    Do you please tell me how can I give press effect in NeuBox like shadow position alternate topleft goes gray and bottomRight white when click method finish its back to initial shadow

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

    Please can you add function to it? i will be really appreciate it. Thank you for the Nice and perfect tutorial on this

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

    I'm a beginner. I just saw your videos very interesting. can you make a video player tutorial?

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

    found you on IG, now I am here, and I love your content... thanks! already subed, 👍

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

      hey vincent! welcome brother 👨🏽‍💻❤️

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

    Can this linear percentage indicator actually be used for audio playing, if yes can someone help with a sample code.

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

    Mannn... Now make it full working music player!!!

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

    🔥🔥🔥

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

    Why do you put const in front of some of the widgets?

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

      'const' stands for constant, meaning if you know this widget or value is never going to change during the app then the compiler can save some time/energy.
      This article explains it really well - medium.com/flutter-community/the-flutter-const-keyword-demystified-c8d2a2609a80

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

    first of all, thank you so much for your effort . But if you write the codes shorter it would be more efficient and look pro. thanks again.

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

      No problem! Also can you give me an example on how to make the code shorter as u say

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

      @@createdbykoko use classes

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

    bro that's was amazing , too much ads but u deserve that =)

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

    Nice

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

    When I input 100 for height and width it says: 🧠block-size: 100, height: 100 💪🏽 Logical Properties (physical-property-detected) [Ln 15, Col 9] 🧠 inline-size: 100 width: 100, 💪🏽 Logically Properties(physical-property-detected) [Ln 16, Col 9]? Any advise

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

      Think I figured it out I must’ve didn’t have something installed because I couldn’t do anything with height or width successfully

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

    helpfull ser

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

    Can you please a proper music player using this UI? Please Sir

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

    im having problems with the images, i actually tried 2 of your tutorials, everytime i try to put an image the editor automatically opens image_provider.dart and brings me to line 661, to the method _loadAsync, some error is thrown... idk how to solve it

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

      the terminal tells me that the error is in pubspec.yaml, Expected a key while parsing a block mapping.

      61 │ assets:
      │ ^

      Please correct the pubspec.yaml file at

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

      DONEEE tbh, idk what happened or what i did, but now it works, lets continue :D

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

      @@alvarimovil I’m glad you figured it out haha nice job 👍🏽

  • @rara4860
    @rara4860 10 месяцев назад

    Can I run an android app with this code?

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

    Hello

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

    Lovely, Absolutly Ammazing,pure,Cute Thank you --Mitch KoKo--.

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

    Is it work for android?

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

      Ofcourse! This is flutter, works both ios and android 👨🏽‍💻❤️

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

      @@createdbykoko Thank You BROTHER❤

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

      @@FLEX110 no problem 👨🏽‍💻❤️

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

    👍👍

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

    You should make a video improving on the UIs you've built and give them some functionality. Your videos are awesome but also quite repetitive.

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

    great, but it isn't fashion. Just seems good for programmers not for users

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

    When using a column for the body of the scaffold, does the app scale well for different sized screens or some content will overflow for smaller screens?
    And another completely unrelated question, is Carl Pei your brother🤭🫣

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

    hii bro can you tell me how to use music in flutter app please create a video or tell me how to do .🫡

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

    Please can you add function to it? i will be really appreciate it. Thank you for the Nice and perfect tutorial on this