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

Подписаться 121 тыс.

Просмотров 25 тыс.

50% 1

💬 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...
~ ;
Let's use Flutter to redesign a music player app like spotify or apple music using a neumorphic theme :D I love neumorphism hehe.
------------------------------------------------------------------------------------------
📱 INSTAGRAM • / createdbykoko
📱 TIKTOK • @createdbykoko
💻 GITHUB • github.com/mitchkoko/
🖥 WEBSITE • mitchkoko.app/

Наука

Опубликовано:

23 июн 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 89

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

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

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

start creating a complete a app along firebase connectivity

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

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

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

@@createdbykoko waiting 4 that one 😍

@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 2 года назад

@@ilahi66kodcu the code is free

@rohits.7752 2 года назад

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 2 года назад

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

@khcrujxlyvlnojbuddf5147 2 месяца назад

Your coding method, coding ideas, and thinking for codings are so helpful for me!! Thank you for your nice vid🙏🏻

@vickramkumar9005 Год назад

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

@marnesh2008 Год назад

your video is so cool! learned a lot from you

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

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

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

glad it helps Saif! 👨🏽‍💻✌🏾

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

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

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

Glad it helps 💎

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

Beautiful UI ❤️

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

👨🏽‍💻❤️📱

@ctvtechno4992 Год назад

Thank you to giving the code

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

Awesome ❤️

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

flutter is awesome indeed❤️

@senor7857 2 года назад

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

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

Okay sure noted :)

@andreaseneres9581 8 месяцев назад

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

@createdbykoko 8 месяцев назад

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

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

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

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

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

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

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

@sreejithcs9443 Год назад

Wow!!!! Simply Amazingg🤍

@createdbykoko Год назад

Thanks 👨🏽‍💻❤️❤️

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

yo! thank you so much dude

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

no prob ❤️

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

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

@SiraEatPoint Год назад

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

@dazyemen6272 2 года назад

Super👍

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

yes flutter is super ❤️❤️

@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

@shakibhossen1970 Год назад

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

@thebicycleman8062 Год назад

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 Год назад

Hey appreciate it bicycle man! ❤️

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

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

Nice

@kanniyathman Год назад

helpfull ser

@solomononuabuh5263 2 года назад

🔥🔥🔥

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

🔥🔥

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

Mitch please make this one functional with hive keep going mate

@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 Год назад

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

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

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

@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 2 года назад

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

@shakibhossen1970 Год назад

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

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

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

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

hey vincent! welcome brother 👨🏽‍💻❤️

@alaaunsplash6926 Год назад

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

@sachinbasnet8258 Год назад

👍👍

@MAFSTUBE7565 Год назад

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

@sempiternalera2230 Год назад

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

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

Can I run an android app with this code?

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

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

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

❤️

@blainea 2 года назад

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

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

'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 2 года назад

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 2 года назад

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

@saidaydn5159 2 года назад

@@createdbykoko use classes

@almightykodadon Год назад

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 Год назад

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

@Aspect_GT Год назад

plz make it functional

@createdbykoko Год назад

noted 💜

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

Hello

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

hi there

@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 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 2 года назад

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

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

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

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

Is it work for android?

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

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

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

@@createdbykoko Thank You BROTHER❤

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

@@FLEX110 no problem 👨🏽‍💻❤️

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

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

Thanks for the feedback ❤️

@ccoedIT 2 года назад

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

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