Flutter UI Designing | Complete App Design | Beautiful UI Design In Flutter

[@johnkamau3442]

Good Job

[@acousticbrothers1491]

Hello brother, this was a nice UI tutorial, thank you for sharing.. PS: You don't need to use "new" everytime. Like "new Container, new BoxDecoration". Flutter lets us not to use "new".

[@TrendingCodes]

Yess buddy so true but i use flutter for so long and old flutter version was asking for "new" keyword so have a kinda habit to use it 😊😂😊

[@MuhammadUmair001]

very nice

[@samsman007]

WOW! I come from Android Studio Java. Now decided to get started with Flutter. Looking at how the UI is done here, only 1 word I can say.. SH**! This is PITA! Looks like we are going backward in time!

[@bindushree2284]

Superb👌

[@iCoderzSolutions]

Best Flutter App Development Company in USA, Sweden.

[@mehmetalierbas4695]

and believe me, in TURKEY

[@balajisofficialutube]

Definitely and also need to learn more deep about dart language... Please do dart from scratch to advance course like how to build flutter widget class using dart

[@sanjaydahal121]

keep uploading this type of tutorial New subscriber

[@deepjyotibaishya7576]

hay, welcome to our flutter youtubers , thanks for comming and making tuturials

[@tomek.z]

You messed up a little with right padding. You ended up with 10 on the right and 20 on the left. Besides that, good video. Thanks

[@Shivsankar-lf8xk]

great keep it up

[@ikramulhaq2126]

why did you used stack ? isn't these containers also be able to implented within that array of children []?

[@TrendingCodes]

Guys Take a look and learn building beautiful UI

[@codeaxen]

waw.....

[@abrorshamuradov1572]

you are the best

[@khillo9406]

Nice video , but till now still I do not know why there is no visual UI designer for a flutter , it looks like a waste of time to build forms and interfaces like that, big project will definitely take too much time to be done

[@SuperBenjamim10]

Hi. What application do you use to make the screen prototype?

[@thunderbirds8633]

Is there any drag and drop option like we do for android native apps in java, like using eclipse or NetBeans?????

[@TrendingCodes]

flutterflow.io/ check this out still it’s in early stage

[@joaovirgili]

Nice UI, nice video! Just one recommendation: there's a lot of code you could wrap in a function, for example, the items in that stack. Code will be more organized

[@TrendingCodes]

João Pedro Ache Virgili thanks for recommending I’ll take care of that

[@JustinKingD]

I read that functions can cause more redraws compared to classes with build methods. Probably wouldn't matter for this screen of course. I'm still learning but it's something to keep in mind for deeper widget trees with more interactivity.

[@wearecode9199]

I think its better to teach beginners refactoring and reusable code as soon as possible !

[@shahzadtechworld7690]

Which software you are using for degining flutter Ui

[@TrendingCodes]

Shahzad Tech World Adobe XD

[@shahzadtechworld7690]

@@TrendingCodes Thanks very much you are so creative

[@GareebScientist]

I do like your animations plain and simple Nothing over the top What exactly you want to change here?

[@TrendingCodes]

Gareeb Scientist first of all a very big thanks for your feedback you helping me a lot. Well i am trying to make animations which allow my subs to understand each component how it works ... so i learn and get some idea Thanks a lot man

[@GareebScientist]

@@TrendingCodes I would recommend you to learn Adobe After effects then. It allows you to control every element movement with time. Another recommendation I would give is check your color combinations, some colors don't go well with each other. Just Google color combinations. Use color picker to select. You don't compulsorily have to use illustrator, if you have your image files seperated into components

[@TrendingCodes]

Thanks man can i know your name ? I check your channel but i cant get the email there

[@TrendingCodes]

Gareeb Scientist even i need a help in some other project which got selected in Chattra Vishwakarma 2018

[@sanketdeveloper8441]

Gyaan ki gareebi

[@iliesubuntu6345]

thanks a lot man , you made it look so easy

[@xhunter91]

What's the color theme used in VS?

[@jabirmohamed5094]

🇸🇩💗💗💗💗💗 You shoud be the 1st channel on youtube Thanks for what you are doind man Allllll love 💗💐

[@Philson]

Seems like waaaaaay more work than HTML/CSS in Ionic tho.

[@Unmaleable]

​@@LenniL-ob4ll I'm just going to say this...as a Developer with 10 years in the game....WE USED TO MAKE FUN OF PYTHON....Now look at Python Everyones rushing to learn and the Python Job market is booming. Ruby on Rails was booming back then....now look at it NO ONE using it (in anything new and fun anyway). Wordpress, Drupal Devs laughed at it....Now look....Shopify, Wordpress Devs laughed at Liquid (still hate liquid), now look. HTML5/CSS3 people doubted it would be able to built apps.. Dart, (I was coding before it released), PEOPLE LAUGHED at Dart...NOW LOOK AT IT. So take it from me as a dev who has watched this stuff unfold over a decade, Do not take platforms, OR programming languages lightly. *In three years Indeed might be flooded with jobs wanting Dart programmers* My last point, you WANT to use platforms that the BIG tech companies are using. You can built a great app but once the news gets out it's on Apache Cordova people throw a lot of shade at you. Programming tools take the same scrutiny from peers as graphic design tools. Adobe Photoshop users all scoff at Gimp users for instance. It's about "speaking the same language" and going with the flow. Right now your cross platform giants are Flutter, React Native and Xamarin. I support Iconic for apps without much scalablitity.

[@ujjwalbiswas1953]

Why are you using new everywhere? Just curious ...

[@5566740293]

thank for a lot but i have a question ! why facebook and google are not a button widget?

[@strengthandlove_]

cant you just bring in the adobexd design with the flutter plugin and the UI code is done? so you have a template and then you can go ahead and code the interactions?

[@TrendingCodes]

Zully dude check out the video published date. When this video was created there was no flutter plugin in picture

[@strengthandlove_]

Trending Codes-Hasnen tai how do i do it tho?

[@alsaamit]

Thank you bro .. go ahead

[@komalprasad6309]

I'm new to Flutter, in Web UI, We apply theme, Look and Feel get changed and if apply another theme then it's look and feel get change again. Can't we get the same thing in Flutter as well, just apply theme and Look and Feel get changed , Logic and background code not get affected.

[@TrendingCodes]

Here we go Enjoy kzbin.info/www/bejne/bKWal2hposljj6M

[@wholesellbazar767]

Nice tutorial. Keep going on.

[@songlee8456]

I never received notifications for your vids anymore. Good job for pushing hard on KZbin. I have a question, according to you, which one is easier to learn and start building app faster between Flutter-Dart or Ionic-Angular?

[@TrendingCodes]

SONG LEE i know there’s a problem or we can say a huge bug in youtube of sending notifications. KZbin will not send notifications to all of my subs even they have pressed the bell icon .So may subs complain me this but I cannot help So make sure that have you turned on the notifications for my channel by clicking bell icon Now lets come to the ionic and flutter .the first question is why flutter ? This Framework is given by google and its totally different from all so we can keep a big hope that in future there’s will be a big boom in industry for the flutter developer .Well it uses dart language so first its hard to understand but by putting little efforts on dart we can easily learn this.This is tons time faster then ionic . Ionic has so many bugs when i comes to performance . Every framework has their own pros and cons . Understanding ionic is so easy if we know angular. But creating UI in flutter is fun . Just try learning bcz i know this Framework is going to rock for sure #keepcoding #press the bell icon 😂

[@techhousebk7875]

Xamarin forms is one of the good cross platform technology for mobile application development

[@shoeshiner9027]

Thank you so much.

[@alifzulfanur3027]

what your vscode icon?

[@TrendingCodes]

marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

[@balajisofficialutube]

Good one

[@sagarkhanal2134]

What software are you using for design brother?

[@TrendingCodes]

Sagar Khanal i use Adobe XD

[@daviduribe4]

@hanuman ict Adobe XD.

[@yashsawant8884]

@hanuman ict Adobe XD name hy

[@jaituteja9200]

Thanks a lot, Sir, we need more tuts like those really say what an amazing video

[@TrendingCodes]

Please dont call me sir ...! I am just a student doing masters .just to help you guys i am making this videos #callmebrother #friends

[@TrendingCodes]

#share to support me

[@liangsimmons4218]

is there a github link for this app?

[@TrendingCodes]

Please check the video description for more updates follow me on Twitter @voidnen

[@KarishmaKarnwal]

Everything was too good. Very easy to learn. Great video. Can you please also let me know the background music that is playing, it's just so engaging and refreshing. Please share the link if possible. Would follow all your tutorials, amazing content.

[@TrendingCodes]

Thanks a lot and keep supporting nee content will be posted soon and for music search Adventures A Himitsu

[@KarishmaKarnwal]

Thank you so much! Big big thanks!!

[@akshitkumar9402]

@@TrendingCodes naidegi

[@hariharasudansudhan3277]

superb

[@edwincreator2855]

why not extract the icon from adobe xd and use it as an image ?

[@amixpal]

I guess He just wants to show how stack is working

[@xhunter91]

In that way you can add animations to the icons and is flexible compared to using an image

[@alihodroj9559]

Very nice video keep it up. I was very happy with what I learned in this vid, but I only have one complaint, you could have completed this video with less time, so try not to go very slow next time : )

[@rodinsuniga5549]

may I know what are the specs of your laptop or computer?

[@bibekbarman4139]

Sir can you make surface video view like tik tok and musically app

[@Dabayare]

Why does Android Studio runs slow with Flutter but VSC is quicker?

[@mohammadrasoulfard-habibi3066]

Uses less ram buddy only 1gb

[@MarkTheSWE]

Studio is a full ide where vs is technically an editor

[@trackback1559]

can someone tell me where did he design in? the app name?

[@TrendingCodes]

Adobe XD

[@tulasireddy6557]

bro, what software your using " visual stdio code " or any other software please tell bro...

[@TrendingCodes]

Tulasi Reddy yess its visual studio code

[@cristianbgp]

it is necessary to use "new" before every widget?

[@TrendingCodes]

Cristian Berly Granda Pastor it’s totally optional from Dart 2 but we have an habit of writing new when we create a instance of any class

[@geniecoder]

very nice bro!

[@ericklopezrulz]

so are they work as buttons?

[@TrendingCodes]

Erick Lopez Yes

[@xxafxx]

The code sizes are so small.😐 Can't see clearly...

[@Yuvraj622]

I have a flutter app that shows the list of video files from internal storage...now I want to display thumbnails of videos in video list so how can I do this in my flutter app? If anyone have any Idea then please help me. I am using ListBuilder widget.

[@alexanderroldanful]

the way they did it is a bit complicated for me to understand .... flutter and dart is way too advance for newbie like me ...

[@jun4idm0min]

bhai lockdown mei videos nahi aa rahey hai, kya baat h?

[@TrendingCodes]

Junaid Momin bhai lockdown me developers ka kam jiyada hogaya he kiyu kahi nikal na nahi hota toh bas kaam milta rehta he 😂😂😂

[@jun4idm0min]

@@TrendingCodes 😂😂😂😂😂😂

[@ХүслэнНямдаваа]

Thank you!

[@hymasri2861]

Sir how to import Adobe XD to visual studio?

[@TrendingCodes]

Hyma Sri you mean how to get code from Adobe XD ?

[@tulasireddy6557]

how do u integrade android and ios to that software

[@TrendingCodes]

Tulasi Reddy there a plugin called fluter in visual studio code

[@TrendingCodes]

Tulasi Reddy check out my first video of Flutter

[@alvarochachapoyas8587]

Gracias!!!

[@antons6146]

what IDE is that?

[@carribus]

Visual Studio Code

[@kouassidje2595]

How did you add the UI in the code?

[@MrIMacro]

So Flutter doesn't have a design interface??!! You have to code everything. That's boring actually and difficult. I am returning to Android Studio.

[@yahya9889]

لااا تكفى خليك هههههه

[@nitinsawant9209]

looks like lot of coding

[@StEvUgnIn]

Nitin Sawant not that much. It seems a lot of thinking to me

[@brisammaresten2857]

Really?? You have to write the UI yourself? There is no designer for this? Is this the future of programming? I mean you need sooo much time to generate the UI. I can do this with Android Studio in few minutes...

[@tusharmonirul2045]

yes, we all know that it can be made in android studio in few minutes, but remember, it is flutter. It generates the app for iOS, android and web based on single code. What would you do? Would you write the code 3 times for 3 different platform?