Тёмный

How to make Pixel Perfect UIs in Flutter 

The CS Guy
Подписаться 17 тыс.
Просмотров 99 тыс.
50% 1

In this video, we'll make this amazing UI in flutter, and we'll implement an add to cart functionality as well, using the bloc pattern dependency.
Join me at Discord: / discord
UI Design by Cuperto : dribbble.com/s...
Source Code : github.com/Ron...
Second Part : • Drag and Drop - Flutte...
Like the video? Hit that subscribe button to keep receiving more awesome content on flutter.

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

 

8 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 95   
@ephreyilunga6360
@ephreyilunga6360 5 лет назад
+1K views! Only 71 👍. Come on guys! Let’s show some support ❤️ Great work dude ✨
@fuadall8961
@fuadall8961 5 лет назад
Thanks. Great tutorial with realworld example and prof example of bloc usage. You should add bloc term in your title.
@okunspatrick
@okunspatrick 4 года назад
I love what you do.. especially your consistency
@mazoorapp696
@mazoorapp696 2 года назад
Hello sir we can make app for you check our readymade food ordering website with delivery app ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uLQtJV5SOWw.html and connect with us by details in description
@lakaouthar2666
@lakaouthar2666 4 года назад
Ill come back when I learn the bloc patten, this looks awesome to do with you
@resham1729
@resham1729 5 лет назад
Great Work! This is amazing video and tech work. Keep it coming!
4 года назад
Great job, congratulations. See this extension, Slidy (CLI package manager), created by Jacob Moura, has support for bloc_pattern and mobx. Sorry my english. rsrs
@ni_kabiu_john
@ni_kabiu_john 4 года назад
i love this guy. the explanations are awesome.. an more so he provides a git one can use in different ways.. THANKS YOU.. SUBSCRIBED btw i recently came to know about git star... so You get a star too
@TheCSGuy
@TheCSGuy 4 года назад
thanks, you get a heart 😄
@iamwei968
@iamwei968 4 года назад
Thanks From Brazil 🇧🇷
@govindgodani1056
@govindgodani1056 5 лет назад
Hey buddy awesome video. Please extent this video for category select and food item list sort on category select and search feature too.
@blaueeiner
@blaueeiner 5 лет назад
Really nice video and explanation! THX :)
@TheGenZProgrammer
@TheGenZProgrammer 5 лет назад
Will watch later but awesome as usual bro :D
@mdmasih168
@mdmasih168 4 года назад
OMG!!!! You are awesome Great job man....
@mazoorapp696
@mazoorapp696 2 года назад
Hello sir we can make app for you check our readymade food ordering website with delivery app ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uLQtJV5SOWw.html and connect with us by details in description
@almudza9803
@almudza9803 4 года назад
Nice tutorial.. please more video real world
@samsonjose8082
@samsonjose8082 3 года назад
Thanks a lot for this.
@ezziosalas2436
@ezziosalas2436 5 лет назад
Great amazing work
@TheCSGuy
@TheCSGuy 5 лет назад
Thank you very much.
@arseneousmanemethods
@arseneousmanemethods 3 года назад
Nice !
@byteburn-vlog
@byteburn-vlog 4 года назад
Subscribed your channel from 3 Gmail account loved your content
@TheCSGuy
@TheCSGuy 4 года назад
Wow, thanks for the support 🙌
@StevenDzCode
@StevenDzCode 5 лет назад
Nice video but it would be nice if you could show or say the shortcuts you use. How is it possible to automatically initialize the Constructor arguments?
@TheCSGuy
@TheCSGuy 5 лет назад
Hey Steven. I am not using any tool to initialize the constructor arguments. I actually typed those and cut that portion of the video. Besides, I don't think that there is any tool which we could use to do that, as of now.
@michaeltolsma7717
@michaeltolsma7717 4 года назад
This implementation works for a two page app, but as soon as you navigate to a third screen and come back, weird things happen. Adding additional items to the cart doesn't stack properly, for example.
@kefa887
@kefa887 5 лет назад
Great work dude
@tien190786
@tien190786 5 лет назад
Great work! Thank a lot. And i wonder how can you create constructor at 2:25? Which shortkey did you use?
@TheCSGuy
@TheCSGuy 5 лет назад
I didn't used a shortcut, I actually typed those values and trimmed that part.
@naveenmatta749
@naveenmatta749 5 лет назад
Hi how to have a admin ui to list new food items and add dynamic so that orderers can see added food items
@mir8910
@mir8910 4 года назад
It is really difficult to keep track of things happening on the simulator. Could you compare every block of code that you write with the simulator so that it becomes smoothly understandable of things happening around?
@TheCSGuy
@TheCSGuy 4 года назад
Alright, I'll keep stuff like that in mind while making future videos. Thanks.
@punjabiwithjasman135
@punjabiwithjasman135 4 года назад
Hi there ! That was a great tutorial ,liked and subscribed. Do u have any video on makng a complete app (backend with firebase)
@TheCSGuy
@TheCSGuy 4 года назад
Thanks for feedback, yeah, I have started a video series called skype-clone. I think you have found that.
@punjabiwithjasman135
@punjabiwithjasman135 4 года назад
@@TheCSGuy yeah ,great series .....ive started that series already ,thanks sir .
@mazoorapp696
@mazoorapp696 2 года назад
Hello sir we can make app for you check our readymade food ordering website with delivery app ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uLQtJV5SOWw.html and connect with us by details in description
@abdulrahmankarzoun1920
@abdulrahmankarzoun1920 4 года назад
How to change listview of burgers to pizza for example when you press the second item from the upper list please help i googled it but could not find the solution
@kirtishbarmecha9072
@kirtishbarmecha9072 4 года назад
how can add different fooditem list for different pages...here you initialized for burgers for example but if i want to add a page for rolls(for example) , so how can i add the list of fooditems which contains rolls thanks in advance
@mohitbaliyan5852
@mohitbaliyan5852 4 года назад
hey .. I also want to do this . Can you help me.
@mohitbaliyan5852
@mohitbaliyan5852 4 года назад
here you initialized for burgers for example but if i want to add a page for rolls(for example) , so how can i add the list of fooditems which contains rolls. thanks in advance
@sadiqarham9900
@sadiqarham9900 Год назад
would be batter if you show emulator after hot reload coz we don't know what's happening there
@tjkn8734
@tjkn8734 5 лет назад
Thanks a lot bro
@dezetingz9940
@dezetingz9940 4 года назад
I had to set the playback speed to 0.5 and it was still a bit fast so yeah maybe you should categorize your tutorials in levels Eg. Beginner, Intermediate, Expert etc
@TheCSGuy
@TheCSGuy 4 года назад
Hey Deze, thanks for the suggestion. Appreciate it
@dezetingz9940
@dezetingz9940 4 года назад
@@TheCSGuy No problem man Ive just started learning flutter, I have some understanding of programming language so its not so unfamiliar. I want to make an app where users choose any restaurant in my country, order food, pay online and track the order, but I dont know how so I am using your tutorials to get an idea of how to do so
@namitvarshney905
@namitvarshney905 3 года назад
onLeave: (FoodItem foodItem) { colorBloc.setColor(Colors.white); } Error: The argument type 'Null Function(FoodItem)' can't be assigned to the parameter type 'void Function(Object)'. I'm getting problem with this line in "cart.dart" file, Please help anyone.
@realindian9721
@realindian9721 5 лет назад
Very nice I m ur new subscriber
@Madsjul
@Madsjul 4 года назад
how do you add different fooditem list for different pages...here you initialized for burgers for example but if i want to add a page for rolls(for example) , so how can i add the list of fooditems which contains rolls thanks in advance
@dailyvictoryy8633
@dailyvictoryy8633 5 лет назад
Amazing tutorial. Would you be able to upload this completed project to GitHub please? the GitHub code misses a couple code like the quantity code that you did at 42:00, the GitHub code does not include the total price code etc.
@wavemusic7153
@wavemusic7153 3 года назад
error CartListBloc is not a subtype of type cartListBloc
@tharhtetkyaw7528
@tharhtetkyaw7528 4 года назад
thanks sir
@moradiashrafe5223
@moradiashrafe5223 5 лет назад
Great work ty for this tuto. So i have question plz .. when we add item to cart its permanent storage ?
@TheCSGuy
@TheCSGuy 5 лет назад
Thanks. Can you please rephrase the question so that I can understand it better.
@moradiashrafe5223
@moradiashrafe5223 5 лет назад
@@TheCSGuy when i reload the app i lost items added in cart
@TheCSGuy
@TheCSGuy 5 лет назад
Yeah, that's because the list that we manage inside of the stream is reset on every reload. Ideally, you would store stuff like this on your database so anything like this wouldn't happen.
@moradiashrafe5223
@moradiashrafe5223 5 лет назад
@@TheCSGuy thx for ur answer :D
@telostia
@telostia 2 года назад
Now to make this null safety... Is probably a pain
@skipmonday6467
@skipmonday6467 5 лет назад
Love you bro
@ffss1131
@ffss1131 5 лет назад
Perfect explanation. I hope you get rid of the music. It's annoying.
@TheCSGuy
@TheCSGuy 5 лет назад
Thanks for the feedback.
@pawannepal7118
@pawannepal7118 5 лет назад
Awesome tutorial. I love really your videos. Can you please tell me how do you auto initialize constructor without typing? as in 2:23
@TheCSGuy
@TheCSGuy 5 лет назад
I actually typed those values, I just cut that portion, on the video.
@hotnews2573
@hotnews2573 4 года назад
Great Job kabisa, Can U please help me to learn flutter,am beginner level
@aakashdabas9490
@aakashdabas9490 4 года назад
Does this add the price automatically?? ....if not then please do something for this sir.... :)
@pencilcase6148
@pencilcase6148 5 лет назад
The Counter Strike guy
@TheCSGuy
@TheCSGuy 5 лет назад
Lol, I guess there's already a channel with that name.
@jasondada5705
@jasondada5705 5 лет назад
Good
@mustafalatif6960
@mustafalatif6960 4 года назад
Good job ..but when i watched all the videos mentioned flutter .. there aren’t any explanation about emulator? Could you help me please how i can add emulator to vs code?
@TheCSGuy
@TheCSGuy 4 года назад
For vscode, use shortcut Ctrl+Shift+P to open search bar, and search for flutter emulators. That worked for me from starting, although if you have doubts regarding what I am using in the video, so that is not an emulator, it's a recording of my physical device.
@NasaVedios734
@NasaVedios734 13 дней назад
Aoa sir where is the next part of this vedio ???
@TheCSGuy
@TheCSGuy 13 дней назад
Hi, this is the link to the second part: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-pKO54ttCV5I.htmlsi=Z_vdzPJLA9bNqFYq
@NasaVedios734
@NasaVedios734 13 дней назад
@@TheCSGuy ok thank you brother
@GuilhermeOMB
@GuilhermeOMB 4 года назад
This tutorial you used database or local data as example?
@TheCSGuy
@TheCSGuy 4 года назад
I used local data, defined the app itself.
@thatsenam9183
@thatsenam9183 4 года назад
he soo good
@ahmedsoliman3272
@ahmedsoliman3272 4 года назад
I get this error: Because food_delivery depends on test >=0.12.0-beta.3 =1.8.0
@TheCSGuy
@TheCSGuy 4 года назад
You mean the project itself is showing some error while running? Try updating your flutter sdk.
@ahmedsoliman3272
@ahmedsoliman3272 4 года назад
@@TheCSGuy already did...its 2.7.0 Dart...yet i still getbthis error
@nadir2k
@nadir2k 5 лет назад
The project you showed is very good, but I don't think that your channel can go very far as your teaching speed is way too fast, and the video is way to sped up
@donnarcoz7771
@donnarcoz7771 3 месяца назад
too fast but great
@divyanshub47
@divyanshub47 3 года назад
bro plz provide github link to understand more
@mazoorapp696
@mazoorapp696 2 года назад
Hello sir we can make app for you check our readymade food ordering website with delivery app ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uLQtJV5SOWw.html and connect with us by details in description
@julianparrish8197
@julianparrish8197 4 года назад
Why use a bug icon on a food app
@TheCSGuy
@TheCSGuy 4 года назад
Haha, Originally I wanted to pitch the app to Bear Grylls 😂
@bikramchettri9405
@bikramchettri9405 5 лет назад
Hey can you do videos for beginners?
@TheCSGuy
@TheCSGuy 5 лет назад
I am not so sure, I would do that. There are two reasons behind it, first, it's much harder to make tutorials for absolute beginners. And second, flutter's team has covered everything so perfectly for the beginners, that I don't think any other resource would be required for them. Although, my recent videos are beginner friendly, and I try to explain everything the best I can.
@fnd6689
@fnd6689 4 года назад
Hello master. I want study for flutter. So, did you want help me?
@mazoorapp696
@mazoorapp696 2 года назад
Hello sir we can make app for you check our readymade food ordering website with delivery app ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uLQtJV5SOWw.html and connect with us by details in description
@Manikandan-bs3ub
@Manikandan-bs3ub 5 лет назад
Bro develop this as a complete app
@TheCSGuy
@TheCSGuy 5 лет назад
Well, it was a video to help you get started. Try it on your own, if you are looking to develop a similar app. You'll learn way more by doing it on your own.
@martindakhel8434
@martindakhel8434 5 лет назад
Too fast man, this is not how you make a tutorial
@sumitlamba2762
@sumitlamba2762 5 лет назад
You can slow down the speed if you want, RU-vid gives the option
@adnansurtee4753
@adnansurtee4753 4 года назад
Hi.My question to you how you are teaching people to get started on flutter when you are rushing through most of the code? Its not really a tutorial if you are gonna paste your variables and then just rush past them your videos are almost similar to those speed coding videos, you make real goods apps you know your flutter very well but its not a good tutorial its a good talent show case. You are a great developer but a terrible teacher. I watched your other video and you had the carousel already loaded in pubspec and you just showed us the code for a quick second didn't explain where the code came from how it works where exactly in pubspec you put the images. I'm sorry but you shouldn't categorize your videos as tutorials!!!! You can't be a teacher if you don't the patience to teach, fact that you had to double speed yourself coding shows your lack of patience and tolerance.
Далее
Top 30 Flutter Tips and Tricks
6:50
Просмотров 553 тыс.
IT'S MY LIFE + WATER  #drumcover
00:14
Просмотров 22 млн
Design flutter UI with DRY Technique
41:06
Просмотров 74 тыс.
Complex Animations in Flutter using Rive | Flare
15:44
Просмотров 225 тыс.
Top 12 Flutter Tips & Tricks
9:32
Просмотров 268 тыс.
Making Complex UI - Flutter Tutorial
33:30
Просмотров 109 тыс.
If __name__ == "__main__" for Python Developers
8:47
Просмотров 400 тыс.