Daily Exercises App - Flutter UI - Speed Code

Поділитися
Вставка
  • Опубліковано 3 січ 2025

КОМЕНТАРІ • 361

  • @williamdam1891
    @williamdam1891 4 роки тому +105

    Maybe do these as a Livestream, I would love to hear your thoughts when coding, and see the process without it being a tutorial

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +35

      Thanks for the suggestions, now I don't have any setup for voiceover, will do in near future.

    • @jinuem
      @jinuem 4 роки тому +1

      William Dam same here!

    • @abhrarajchanda5514
      @abhrarajchanda5514 4 роки тому

      @@TheFlutterWay Super excited

    • @zero2hero_coder638
      @zero2hero_coder638 4 роки тому

      @@abhrarajchanda5514 ua-cam.com/video/Wno0j9jKDPU/v-deo.html

    • @zero2hero_coder638
      @zero2hero_coder638 4 роки тому

      @@abhrarajchanda5514 ua-cam.com/video/Wno0j9jKDPU/v-deo.html

  • @akshaychopra96
    @akshaychopra96 4 роки тому +11

    You are fantastic!
    Without saying anything, you actually explained many things!
    Amazing tutorial. Thanks :)

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +2

      You're very welcome! 😊 Glad it Helped!

  • @tareqislam8644
    @tareqislam8644 4 роки тому +5

    I like the design most. So clean and attractive

  • @tayoamuneke8721
    @tayoamuneke8721 4 роки тому +1

    I am following it and learning a shit ton by pausing and reading the docs. Your approach is simply awesome!!!

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      Thank you so much ❤️, keep learning one day you will be batter then me 👍

    • @tayoamuneke8721
      @tayoamuneke8721 4 роки тому +1

      @@TheFlutterWay hahaha I highly doubt it :D

    • @HelloWorld-ve2dc
      @HelloWorld-ve2dc 4 роки тому

      @@TheFlutterWay brother you are doing a great job.

  • @shimonpertz
    @shimonpertz 3 роки тому

    I became addicted to your videos. Keep it up. Would love it even more if you can talk during your videos

    • @TheFlutterWay
      @TheFlutterWay  3 роки тому

      Maybe one day.

    • @shimonpertz
      @shimonpertz 3 роки тому

      @@TheFlutterWay Thank you! We're learning so much from your innovative ideas (y)

  • @sripradhav8390
    @sripradhav8390 3 роки тому

    I learnt flutter in less than a day after seeing your channel. Thank you so much😁

  • @KL13923j
    @KL13923j 4 роки тому +1

    Congrats for 10K, hope you would help more people to know about flutter.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +2

      I hope so too! and plz keep supporting us like this👍❤️

  • @piyushdadhich9051
    @piyushdadhich9051 4 роки тому +30

    Hope to see a full app tutorial from you with all "Backend Code" too....
    Keep up the great work.

  • @moussben2748
    @moussben2748 4 роки тому +1

    this is by far the best channel for me, thanks for this incredible content :)

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      Wow, thanks!

    • @moussben2748
      @moussben2748 4 роки тому

      @@TheFlutterWay a question though, in the details screen, why did you used " Wrap " instead of " GridView " ?

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      @@moussben2748 you can use "GridView" instead of "Wrap", and I thinks its better to use "GridView"

  • @ravinhett
    @ravinhett 3 роки тому

    This is nothing below incredible. I've been attempting a similar thing with Flutter and this video provided me with much insight.

  • @pianistcmofficial9160
    @pianistcmofficial9160 4 роки тому

    you are doing great job..... i suggested my friends also .... we get to learn from you without getting bored ....

  • @livingphate
    @livingphate 4 роки тому +3

    You deserve everything good that comes to you! Your style of speed codes are amazing, i love them. If you had a paetron page i would sub to get more content like this! Keep it up!

  • @brian_obino
    @brian_obino 3 роки тому

    You will be the best flutter instructor in youtube if you add voice to your videos

  • @gillesashley9314
    @gillesashley9314 9 місяців тому

    The future of cross platform development is certainly Flutter.

  • @chooper952
    @chooper952 4 роки тому +1

    Subscribed ! Thank you so much. Learned a lot from this.

  • @devanshshah7307
    @devanshshah7307 3 роки тому

    your explanation is on point. Keep up the good work 👍

  • @komangyoganandamahaputrawi6863
    @komangyoganandamahaputrawi6863 4 роки тому +5

    Amazing! Maybe instead of using media query u can check flutter screenutil for fetching screen width and maintain responsiveness.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +4

      Yeah your suggestion is great but for beginners it's pretty to catch. That's why i try to avoid packages as much as possible.

  • @umeshchaudhary6901
    @umeshchaudhary6901 4 роки тому +5

    I ran the code on my phone. Everything seems beautiful and pretty. However not fully responsive, Homepage catergory card gets messed up on landscape orientatioin. Otherwise its beautiful

  • @elizeurjr
    @elizeurjr 3 роки тому +2

    Amazing Abu Anwar! Thank you for sharing this content with us... Your videos motivated me to study flutter. I have a question. Could you summarize the creative process for your apps? Sometimes I have trouble imagining features :) Thanks again

  • @topkek1337
    @topkek1337 4 роки тому +2

    Good Mornign!

  • @jinuem
    @jinuem 4 роки тому +1

    Simply Amazing. :) Keep up the good work :)

  • @TechySpeaking
    @TechySpeaking 10 місяців тому +1

    Great tutorial, but seeing the misspelled "morning" for 20 minutes is brutal...

  • @olowott
    @olowott 4 роки тому +1

    Awesome stuff ...learning a lot here

  • @HelloWorld-ve2dc
    @HelloWorld-ve2dc 4 роки тому

    Brother you are doing a great job.
    Loved it.😍

  • @adilkp4978
    @adilkp4978 4 роки тому +1

    Excellent work and really helpful.

  • @issamsahraoui8698
    @issamsahraoui8698 4 роки тому

    just wow , and sharing your code on github that's amazing bro continue

  • @thedev2183
    @thedev2183 3 роки тому

    It is fckin AWSOME exercise. I will do it my first exercise after finish my dart course. I'm on the middle. :)

  • @macmanuelodumeru3708
    @macmanuelodumeru3708 4 роки тому +1

    Superb as always.

  • @shishirpednekar6718
    @shishirpednekar6718 2 роки тому

    Amazing!!. It helps to speed up learning the flutter. Thanks!!. BTW in this video from where did you get the design? I am asking this question because the design includes the name "Shishir" and it is very uncommon Indian name.

  • @juztdeni3705
    @juztdeni3705 4 роки тому

    wow, Amazing !
    Very inspired to me who just learnt Flutter
    Thanks !

  • @theeruditeanalysis9788
    @theeruditeanalysis9788 4 роки тому +1

    Keep up coder ....
    !!
    All the best .

  • @subarin4802
    @subarin4802 3 роки тому

    Thank you for your amazing work !

  • @mrmiracle2783
    @mrmiracle2783 3 роки тому +1

    Amazing tutorial. Thanks :)

  • @anilkumarprajapat9004
    @anilkumarprajapat9004 2 роки тому

    Bhoot bhadiyah bhai amazing Work i am aslo working in these fields can you make it pathology lab ui i need guide

  • @mohamedgadala
    @mohamedgadala 3 роки тому

    Thanks👍Keep up the good work.

  • @tsedenbaljirerdenetsogt3079
    @tsedenbaljirerdenetsogt3079 4 роки тому

    hello sir. i liked your all videos. i thinks so we need two type videos. 1) is fast video like this 2) sir your talk and slow doing apps video (slow video ) :) sir pls. i cant see sometimes

  • @ayolalajo
    @ayolalajo 3 роки тому

    Goog Tutorial ... so clear and easy to learn

  • @davemal
    @davemal 3 роки тому

    It looks amazing, great job! 👍 Could you tell me the song that is playing in the background, thanks. 😃

  • @aveemusic3272
    @aveemusic3272 4 роки тому +7

    Hi, thank you so much for the tutorial.
    Could you share me the VScode extension that *shows hierarchy of Childen widgets* in editor, please ?

    • @lucas3820
      @lucas3820 4 роки тому +3

      I suggest you go in the settings and enable the Dart:Preview Flutter Ui Guides option.

    • @aveemusic3272
      @aveemusic3272 4 роки тому +2

      @@lucas3820 thank you so muchh hihiii

    • @lucas3820
      @lucas3820 4 роки тому +1

      Hello, I would like to suggest a theme for a layout. Theme: World of Warcraft

  • @hbmz1280
    @hbmz1280 4 роки тому +2

    Amazing video as always keep the good work!
    p.s: can you tell me the extension (or config) you are using to draw the lines for the indexes of each widget?

    • @premdasv8
      @premdasv8 4 роки тому +3

      go in the settings and enable the Dart:Preview Flutter Ui Guides option

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +3

      Yes, correct

  • @trankhanhang8151
    @trankhanhang8151 4 роки тому +1

    Absolutely stunning

  • @ajithlal1688
    @ajithlal1688 4 роки тому +1

    Awesome video. Thanks for this. But as a biginner it's little bit hard to follow with fast-forward. I'm not that much familiar with all widget. So if you can explain what you are doing it will be great.

  • @mangirishbhagat3811
    @mangirishbhagat3811 4 роки тому

    Loved the tutorial!,
    wanted to know how do I make the top menubar function? with onTap or any other method.

  • @mehulpatil6111
    @mehulpatil6111 4 роки тому

    Thank U For Making This Beautifull Video,Great Job

  • @k0jackdoeverything733
    @k0jackdoeverything733 4 роки тому +1

    Hey, What is The sound track you used in this video? It's so perfect!

  • @ArpitDhamija
    @ArpitDhamija 3 роки тому +1

    great !
    Can you make part 2 of this app. covering more features which can actually be publish on playstore

  • @mayonpointer4704
    @mayonpointer4704 4 роки тому +1

    Nice design aswome 🤖🤖

  • @jorislimonier8508
    @jorislimonier8508 4 роки тому +1

    Hey, I just had a technical question about Visual Studio Code.
    How do you automatically format your function parameters from one line to multiple lines ?
    I mean going from something like:
    SizedBox(height: 5, width: 10),
    To something like:
    SizedBox(
    height: 5,
    width: 10
    ),
    You apparently have a shortcut for it. I Googled it but couldn't find it 🤔
    Thanks in advance !

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      just turn auto save and auto formate
      then add coma ","
      SizedBox(
      height: 5,
      width: 10,
      ),

    • @jorislimonier8508
      @jorislimonier8508 4 роки тому

      @@TheFlutterWay mmh that puts my semi colons alone in a line for me 🤔 thanks anyway 👍🏻👍🏻

  • @brahimdjadir2119
    @brahimdjadir2119 4 роки тому

    your videos are really helpful thank you

  • @BeingSuria
    @BeingSuria 4 роки тому

    What tool you have used for design before start building ?

  • @prathamdubey2363
    @prathamdubey2363 3 роки тому

    Great video, just one thing I'm getting an error when I'm passing press.

  • @dereknichols4376
    @dereknichols4376 3 роки тому +1

    Hi!
    Nice video as always
    I have a question,
    It's a good way to use fixed number for padding/sizedbox/height/width?
    Or it would be better to use screensize * percentage(for responsive app)?
    thanks!

  • @cheneekayemozar9094
    @cheneekayemozar9094 2 роки тому

    I need help. On the CategoryCard class, the 'press' on mine is turning red. I have put
    final Function press; and
    required this.press,
    but on
    onTap: press,
    it turns red
    Why is that?

  • @benhakliyim6405
    @benhakliyim6405 4 роки тому

    Awesome! Which program do you use for the 3d animated mockup at the beginning of the video?

  • @williamsbobadilla4604
    @williamsbobadilla4604 3 роки тому

    Fantastic! thanks a lot for sharing!

  • @yanndeo9501
    @yanndeo9501 3 роки тому

    To list the Session Card () widget, we can use a fixed loop? "for" for example. What do you think of that?

  • @dane_won
    @dane_won 4 роки тому

    Thx for good tutorial! Your big fan in s.korea!

  • @jeffersonmarinas5908
    @jeffersonmarinas5908 3 роки тому

    I just got error in navigation ? Because i also got materialpageroute in my first screen. How can i navigate cause it has error when I use in inside the catefory card? Thank you

  • @fireflyeeeee2980
    @fireflyeeeee2980 4 роки тому +2

    Love your videos but would have helped if you showed the whole coding process like a tutorial

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      Will do, but for that it takes some time.

    • @forzabike
      @forzabike 4 роки тому

      I agree you would definitely become more popular if you did !

    • @williamdam1891
      @williamdam1891 4 роки тому +1

      I don't think that's necessarily correct, since I have done my fair amount of tutorial, and am starting to develop real apps, these videos are a quick way to learn new widgets, and learn other cool things, and instead of it taking 1 hour of explaining each step I really like these 20 minutes videos, so thank you from here, and keep up the good work!

  • @sohelakhtar8044
    @sohelakhtar8044 4 роки тому +1

    Awesome 😍😍🥰❤️💥💥💥

  • @parakorntantapon9391
    @parakorntantapon9391 4 роки тому

    How to open list to Extract Widget in 6:30 and I can't use SvgPicture.asset , it called me Undefined Name 'SvgPicture' [ I input file svg in folder but my notebote
    not have Ai therefore can't read file svg ]

  • @thedummycoder3988
    @thedummycoder3988 4 роки тому +1

    What do you use to display the first 10 seconds of your video with mobile phone floating and showing the UI

  • @GeorgiosGeorgiou
    @GeorgiosGeorgiou 4 роки тому

    Awesome work!

  • @charlesachilefu
    @charlesachilefu 4 роки тому

    Hi, gr8 Job, appreciate. My question is off-topic: want to know the soundtrack. Love it. Thanks.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      Item Title: Beautiful
      Item URL: elements.envato.com/beautiful-HXSRLBP

  • @vinipachecov
    @vinipachecov 3 роки тому

    Great content!

  • @TaiwanKHJHGTea
    @TaiwanKHJHGTea 4 роки тому +1

    Wow..What VScode plugins do you use? It looks perfect!

  • @baulXgamer
    @baulXgamer 3 роки тому

    how can u name the image type on the principal container, ejem "Purple container, meditation woman" its like minimal image? or somthing like

  • @anhkietphi6129
    @anhkietphi6129 4 роки тому

    Thanks. Can you share all of extensions you use in the video ? I am interested in the auto constructor generating and the one can get the path of image. Nice job, nice video.

  • @gabrielilie4460
    @gabrielilie4460 4 роки тому +2

    Nice work!
    Can you please provide a list with your VS Code extensions please :) . I am most interested in the one that draws that line from a widget to it's children.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +3

      Thank you so much, For those line turn on "Preview Flutter Ui Guides" available on VSCode setting, Also you want more then you can use Bracket Pair Colorizer extension

  • @HurwaAli
    @HurwaAli 9 місяців тому

    Hello..What abt the other pages kindly🥺

  • @raccoonteachesyou
    @raccoonteachesyou 4 роки тому +3

    Thank you for your amazing work !
    Do you think it's possible for you to do a tag or a branch of when you start ? I mean, when you didn't start to write any code but you already have assets ? That would be very cool !
    Thanks :D

  • @sumanparajuli229
    @sumanparajuli229 4 роки тому +1

    Sir, put your voice also..... it will generate a lot of idea

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      Sure I will, voice over required a lot of setup

    • @sumanparajuli229
      @sumanparajuli229 4 роки тому

      @@TheFlutterWay You are a creative person... voice assistant app will be new content in youtube.. No youtuber has made this app... So its time to show your creativity which will increase youtube family because people need new content...

  • @innotech4079
    @innotech4079 4 роки тому

    My VScode dose not have left listups...!! please start from file opening

  • @amadorccasaniarche3828
    @amadorccasaniarche3828 2 роки тому

    what visual code extension do you use for the code to look like this with branches

  • @caduthomazella
    @caduthomazella 4 роки тому +2

    what extensions do you use?

  • @wakeupnapster
    @wakeupnapster 4 роки тому

    can you tell me why everything disappears when you add gridview.count and how wrapping it inside expanded helped? I didn't understand that part. otherwise great video as always. thank you!

    • @jovanceperkovic5146
      @jovanceperkovic5146 4 роки тому +2

      Column expands to the maximum size in main axis direction (vertical axis), and so does the GridView (scroll direction is vertical by default)
      You need to constrain the height of the GridView so that it expands to fill the remaining space inside Column. Googling 'Flutter Gridview in Column. What's solution..?' you can find out more information about this on stack overflow, there are many solutions for this.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      Thanks @Jovan Ceperkovic

  • @asadshaikh856
    @asadshaikh856 3 роки тому

    At on tap the press is function we can't define with on tap it showing error that function can't define

  • @SathishKumar-ju7fv
    @SathishKumar-ju7fv Рік тому

    really great work

  • @AngweenAnnora
    @AngweenAnnora 3 роки тому

    can you tell us what plugin you use to highlight the bracket line. Thanks for all the vids, i learn alot from yours rather than other tutorial i have watched.

    • @TheFlutterWay
      @TheFlutterWay  3 роки тому +1

      Bracket Pair Colorizer

    • @AngweenAnnora
      @AngweenAnnora 3 роки тому

      @@TheFlutterWay thanks, but what i meant is the Flutter Preview UI Guide one. I already get the answer from other comments.

  • @trienvovantai7402
    @trienvovantai7402 4 роки тому

    Thank you for your contribution! But how can I get the images from the design???

  • @itscozy
    @itscozy 4 роки тому +1

    Woow , amazing work

  • @infoforyou906
    @infoforyou906 4 роки тому

    Hi Bro, Nice work and keep it up.....
    Boss which programming language are you using while creation of these apps using flutter.....

  • @georgembajiaku4567
    @georgembajiaku4567 4 роки тому

    Awesome tutorial man!!! Please your asset files, how do you get them? Are they outsourced or do you design them? If you design them, please how can we design our own images so our apps are more personalized. PLEASE PLEASE reply !!!

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      Actually the UI designer provide me those, maybe they design theme.

  • @RifkyFamee007
    @RifkyFamee007 4 роки тому

    would you tell us what vsCode Extentions do you used?
    specially for formatting code with flutter

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      on setting just turn on auto formate on save

  • @blstory2025
    @blstory2025 2 роки тому

    thank so much for your sharing

  • @rajatkumarmathuria5408
    @rajatkumarmathuria5408 3 роки тому

    Could u pls tell me how to make an app promo video just like u made

  • @haiaan.product
    @haiaan.product 4 роки тому

    Hi, thank you so much for the tutorial.

  • @samahab6233
    @samahab6233 4 роки тому +1

    amazing tutorial thank you so much

  • @ndomarcus1
    @ndomarcus1 3 роки тому

    please can you make a video using smooth animation widget on screen load ? like ux design not just UI

  • @njobe3698
    @njobe3698 3 роки тому

    Can someone tell my, why in visualStudioCode, when i copyRelativePath.. / is replaces with \ ?
    I need like 'asset/photos/somephoto.jpg' ... but i get 'asset\photos\somephoto.jpg'

  • @kelvinkavisi9863
    @kelvinkavisi9863 3 роки тому

    epic 😍 where do you get your images?.. I've looked for them everywhere but I can't seem to find them.

  • @godknowsinnocent3573
    @godknowsinnocent3573 4 роки тому +1

    Am a beginner and I love flutter, please where is the best platform to learn thanks

  • @Ab-no6rz
    @Ab-no6rz 4 роки тому +1

    How much time it will take to be familiar with flutter btw your app design quality is very premium .

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      At first thank you so much, it depends actually how much afford you are giving maybe you are fast learner, or have other programming skill with like Java or Reactivate, so it's impossible to guess. But yeah flutter is not the hardest stuff to learn and its pretty easy also the documentation is great.

    • @Ab-no6rz
      @Ab-no6rz 4 роки тому

      Thank you for reply

  • @yanndeo9501
    @yanndeo9501 3 роки тому

    Please can you say me , Why he used Wrap and not GridView in DetailScreen ?. What is the difference between both ?

    • @TheFlutterWay
      @TheFlutterWay  3 роки тому +1

      ua-cam.com/video/z5iw2SeFx2M/v-deo.html
      check this

  • @yashwanthd1998
    @yashwanthd1998 4 роки тому

    Amazing..guide on how to setup flutter in VS with intellij

  • @xxafxx
    @xxafxx 4 роки тому +1

    Awesom brother

  • @akshaypawle
    @akshaypawle 4 роки тому +2

    Awesome 👍

  • @feng-huo
    @feng-huo 4 роки тому

    Did you design the SVG yourself or you can get them from somewhere?

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      My designer provide me those.

    • @feng-huo
      @feng-huo 4 роки тому

      @@TheFlutterWay Just thought you had good resources to download those. Thanks.

  • @israelmorais3280
    @israelmorais3280 2 роки тому

    at the time of creating as variables is presenting this error :
    The parameter 'press' can't have a value of 'null' because of its type, but the implicit default value is 'null'. Try adding either an explicit non-'null' default value or the 'required' modifier.
    could someone help me?
    class Activity {
    String imageUrl;
    String name;
    String street;
    List startPrice;
    int price;
    int rating;
    Activity({
    this.imageUrl,
    this.name,
    this.street,
    this.startPrice,
    this.price,
    this.rating,
    });
    }

  • @burning_man_child
    @burning_man_child 4 роки тому

    From where do you get the art works ? you make them by your self ?