Food Delivery App - Flutter UI - Speed Code

We create a nice clean food delivery app ui by using flutter,
Thanks for watching!
Make sure to like + Subscribe For More!
Source Code: github.com/abu...
Design: www.uplabs.com...
#flutter, #UI, #FoodApp, #AppUI

[@bijayaadhikari442]

Really love the inspiring song flow with code this early morning. Thanks for the creativity.

[@TheFlutterWay]

Also welcome 😊, keep supporting us👍

[@jackiewong7727]

Hi. Just want to let you know that you inspired me. I am quite new to flutter. I started challenging myself to rewrite the UI code instead of just watching. It's a little bit hard to me but your video do help a lot. Today I am working on the 5th one already. I know this UI design is much simpler than the others, but I am still glad that I can get the code done without watching the video. Love you. :)

[@TheFlutterWay]

Wonderful!❤️❤️❤️

[@mbcvoic241]

Create a live football broadcasting app

[@ajinkyax]

i like this kind of video, flutter is easy you dont have to explain :) But your videos help understanding them by viewing :)

[@TheFlutterWay]

Glad you like it!! Keep supporting us 👍

[@LearnFlutterCode]

I think you can have a hero widget to your vegan salad bowl image. this gives the animation of your image transitioning to the next page.

[@TheFlutterWay]

Yeah, then it looks pretty, I will keep that in my mind. Thanks for the suggestion :)

[@AmarjeetKumar-cg5de]

And bro.. keep uploading videos like that because you are the best youtuber for me because your contents are always osm.

[@TheFlutterWay]

Thank you so much 😀 I will

[@canbaskaya4800]

I love the code writing style. Inspiring

[@TheFlutterWay]

Thanks

[@johnschmidt874]

thanks for making this video(and your other video as well)!

[@TheFlutterWay]

My pleasure!

[@akshaypawle]

Hi bro, what a clean n neat UI. if possible, please teach us or give some tutorials to make good foundation of flutter basic.👍👍

[@TheFlutterWay]

Sure 👍 thanks for the suggestion I will keep that in my mind

[@BabarAli-yb1eg]

Man please build complete UI's with voice and teach us..

[@TheFlutterWay]

I have this plan also, but it takes some time because voice-over needs a lot of setup and time. After uploading 20-30 videos then I am gonna start voice-over, stay with us and keep supporting us 👍

[@aravind.a]

This is just a design, right? Click on the search textbox will not open the keyboard and accept the input right?

[@TheFlutterWay]

yeah

[@aravind.a]

@@TheFlutterWay is that similar to photoshop design?

[@preyasprathap]

All the best , Full support

[@TheFlutterWay]

Glade to hear!!👍

[@themagiche]

Never subbed to a channel this Early. Great work. Would it be good though to explain

[@TheFlutterWay]

Thanks for your support ❤️. just keep your eye on this channel, each week one new video will be posted. 👍🏽 I don't have proper setup for voice, voice-over will be added after 50 videos.

[@arifshidqi6779]

sorry, is this how to make it use what software ??

[@JerrysTechCorner]

Love the video! Thanks for your effort

[@TheFlutterWay]

Always welcome.

[@yusufhadi4256]

can u explain too me how if i click item categories and show in the page, not change screen, understand ? teach me pls

[@胡大为-b3w]

Amazing!Would you like to tell me the name of background music?

[@abbosbobomurodov5011]

spasiba brat. Thank you

[@_Gianluca]

Why SingleChildScrollView + Row instead of horizontal ListView?

[@TheFlutterWay]

It's a small list that's why I used it, for big/medium list I recommend to use listView

[@carlomigueldy]

What is the name of the music used?

[@prshendra]

I wish i know how to code flutter... How long it takes to understand the flutter layout system? I found that is just so many widget that has unique behavior, and sometimes the need to be paired with certain widget. So hard to learn.

[@TheFlutterWay]

Actually at first it seems wired, after few days everything makes sense.

[@VJKoding]

Awesome bro❤️

[@TheFlutterWay]

Thanks, it means a lot for us. Stay with us more r coming 😎

[@lubshadpattarathil280]

Anybody know the shortcut he used to split long code? A beginner please help 🙂

[@akshaychopra96]

Hey, I didn't get why didn't we use listview? why singleChildScrollView?

[@TheFlutterWay]

Actually listview is more useful when you have big list But for like 5-6 items its okey to use SingleChildScrollView It's your personal choice also...

[@YogeshPateliOS]

Hey music is so good yarr. Please share music name or link please. Thanks!!

[@TheFlutterWay]

Item Title: Inspiring Motivational Emotional Trailer Item URL: elements.envato.com/inspiring-motivational-emotional-trailer-Q2SK5P3

[@felipeamaral9923]

Muito bom, admiro muito seu trabalho

[@TheFlutterWay]

muito obrigado

[@ludobenoit]

well done thank you !

[@TheFlutterWay]

Most welcome, keep supporting us👍

[@Heading370]

Why can't Apple develop a way to code apps for ios on a windows device? I hate it.

[@TheFlutterWay]

yeah, they should 😔

[@easybusinessou]

Amazing

[@TheFlutterWay]

Thanks 😊

[@bogdan3209]

When I clone this I get an error. Bottom overflowed by xx pixels

[@TheFlutterWay]

please use singlechildscrollview for more check this api.flutter.dev/flutter/widgets/SingleChildScrollView-class.html

[@bogdan3209]

@@TheFlutterWay Thank you. It works.

[@rtnjo6936]

it's a silly question, but I want to learn flutter and make some little income as a flutter dev for some reasons, is it possible to learn and find a job in a couple of months. I don't know anything about the web, ios/android/js/java. I'm currently a robotic student Thank you for video!

[@TheFlutterWay]

I don't think so, because if you want to learn programming then it takes more than one years. Lot of stuff related to each other.

[@amrokarkar8470]

Thank you 💖 Will you allow me to use this code for my app?

[@TheFlutterWay]

Yes you can!

[@amrokarkar8470]

@@TheFlutterWay Thank you 😍

[@aqeelnashir]

Man, please make a book about ui design...

[@TheFlutterWay]

Thanks for your suggestion, i think I am not worth of writing a book. Keep supporting us 👍, near future I'm gonna voice over to my videos.

[@VsevolodHoncharenko]

DONE!

[@TheFlutterWay]

great 👍

[@majedalaejem3342]

how can remove comments from yaml file? What's shorteners that used ?

[@TheFlutterWay]

Ctrl+/ or Command+/

[@latishmagnani]

i want to add my own customization in FoodCard widget is it possible and i cant find it on the flutter official website for its documentation can you help me plzzz

[@TheFlutterWay]

Yes you can add your own custom widget, how can I help you?

[@latishmagnani]

@@TheFlutterWay i want the foodcard widget

[@latishmagnani]

Which you used in the video want to customize it on my own

[@alejandroduin]

I really love it...

[@TheFlutterWay]

Glade u like it!!

[@AmarjeetKumar-cg5de]

Thanks a lot bro.. you are osm i just tried to mimic the whole app by coding along with you video and learnt a lots of new and interesting things and i completed this app by watching whole video, but there is just a simple issue that whenever i tried to rotate my phone to landscape mode the bottom contents gets overflow and there comes yellow overflow sign. So could you plz tell me how could i fix that or how to make my app responsive so that it can adapt according to the screen size.

[@TheFlutterWay]

You need to use SingleChildScrollView please check this: api.flutter.dev/flutter/widgets/SingleChildScrollView-class.html

[@AmarjeetKumar-cg5de]

@@TheFlutterWay yeah bro.. i tried that too but that's not working

[@AmarjeetKumar-cg5de]

@@TheFlutterWay i tried that on that container which contains all the food card but still that was same

[@TheFlutterWay]

@@AmarjeetKumar-cg5de You have to wrap it with Column then wrap the column with SigngleChildSc.....

[@AmarjeetKumar-cg5de]

@@TheFlutterWay okay bro I'll try that

[@lubshadpattarathil280]

Great 👍🏻

[@kahwailee2631]

Hi ,any API source link i can use to make this app work?

[@TheFlutterWay]

No, sorry

[@karojames8202]

Please sir why not make a voice. Note along. While you code. I think that'll carry alot of us new bies along

[@TheFlutterWay]

I'm trying to add voice over, but it takes lot of setup and time. After uploading 20 videos then i have a plan for voice over. Thanks for your suggestion, keep supporting us👍

[@karojames8202]

@@TheFlutterWay thanks sir... Do. You. Have twitter account we could follow. Also?

[@TheFlutterWay]

yes, @theflutterway or check in the description, recently I added my social Links.

[@jai6133]

Can you make this using dynamic list view ?

[@TheFlutterWay]

Yes you can!

[@ino9138]

3:06 does anyone know how to extract widget on Android studio?

[@ino9138]

wops! found it. CTRL + ALT + W

[@sergey_molchanovsky]

I really appreciate your efforts. But you did some errors and teach your subscribers wrong things. 4:30 - you did search field wrong! It's not a Container with a child SvgPicture, because you couldn't enter anything in that case. It's a TextField with a leading Icon. 13:40 - you put screen header into Scaffold body. It's not correct. Header must be an AppBar() in appBar property.

[@TheFlutterWay]

Thanks for it, I will keep that in my mind.

[@maggot008]

Cool

[@TheFlutterWay]

Thanks

[@hamza2419]

Thanks for the video , please if you can share taxi app

[@TheFlutterWay]

Will do soon

[@jenandragoyal6575]

This is working or only UI ?

[@TheFlutterWay]

Only UI

[@孔德勤-v7m]

Can you put your code on Github?

[@TheFlutterWay]

Already did it

[@孔德勤-v7m]

@@TheFlutterWay ok i see

[@doha.saqlain]

Please teach us with voice how to create like this how to connect with backend If you feel you can't talk is ok but please add backend add AI technologies teach us

[@tasim7002]

wow

[@TheFlutterWay]

Thanks bro

[@yilekalbeyene7822]

work more i love

[@TheFlutterWay]

Thanks

[@julius_sincero]

algum brasileiro aqui?