Plant App - Flutter UI - Speed Code

Поділитися
Вставка
  • Опубліковано 18 жов 2024

КОМЕНТАРІ • 654

  • @A.A.
    @A.A. 4 роки тому +567

    We need a programmer category in Noble prize. So many selfless programmers putting effort to teach other, creating and supporting millions of jobs worldwide.

  • @deneb6139
    @deneb6139 3 роки тому +40

    every new framework should be taught this way. Learnt so much in 30 minutes, I couldn't in a week reading docs and google dev channel. Glad I ended up on this video. Hats off to the creator.

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

      Great to hear!

    • @Natasha-to1mh
      @Natasha-to1mh 3 роки тому +8

      The ability to read docs is one of the most important skill of a developer. You always have to learn new tech and the first information you'll find about them are the docs and they're written by the creators themselves so u won't miss essential details. Flutter has a great documentation already so I dont know why u're having a hard time.

    • @khoikha9539
      @khoikha9539 2 роки тому +1

      @@Natasha-to1mh agree with you, I think we should start with the document of the Flutter team to learn the basics with a very detailed explanation. After that, when we come back to this video, we can learn more than if we watch the video first

    • @swatik2509
      @swatik2509 Рік тому

      ​@@Natasha-to1mh they said they are new and learning. You don't expect that at such a young stage

  • @alphamusic2734
    @alphamusic2734 4 роки тому +15

    Extremely helpful to have those comments in the code and extremely helpful when you highlighted what part of the design your were working on in every step

  • @erdevuk
    @erdevuk 2 роки тому +5

    I'm a beginner and I'm watching this at speed 0.25. Thank you for this, great job!

  • @christophthonhauser8100
    @christophthonhauser8100 3 роки тому +53

    Congrats on the awesome app! I'd love to see a video where you give an in-depth explanation of how you programmed it. :) The source code is super helpful to recreate the app, but hearing a bit about why you made certain decisions would definitely be interesting, too!

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

    I love the fact that your code is so neat and clean.

  • @haduong2834
    @haduong2834 4 роки тому +15

    i search every thing about i need in code flutter ui in this tutorial. Thank you so much.

  • @aady392
    @aady392 2 роки тому +1

    Wow, without uttering a single word everything important explained so well! Bravo!

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

    I love your videos bro. Keep doing what you're doing..we all really appreciate your well thought out content and your design. You're an inspiration for us all. Keep it up

  • @67Diadem
    @67Diadem 4 роки тому +43

    I like your way you doing your project and you taught us. After I watch this I like and hit the subscribe button and then watch your video playlist one by one!! within three hours I learned a lot! I share your channel in my college WhatsApp group!

  • @alanjesuslopezjacinto9074
    @alanjesuslopezjacinto9074 Рік тому +2

    With this video, just 1 year ago I got my first mobile developer job!! Thanks! :D

    • @Haskiken4370
      @Haskiken4370 Рік тому

      Please tell me if this materials still actual. Cause it's two years past, so maybe some code will not work properly now maybe

    • @hemilsolanki1791
      @hemilsolanki1791 Рік тому

      @@Haskiken4370 did u get the ans??
      I also would like to know if the materials do work???

  • @mohabmagdy4155
    @mohabmagdy4155 4 роки тому +14

    Masterpiece I'm doing flutter apps in production since the end of alpha version and I really like what you did keep making videos Thanks.

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

      Glad you like it 😊

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

      Thanks for so much! Another channel to keep in mind you guys ua-cam.com/users/MadeWithFlutter both have great designs!!!

  • @AllistirKing
    @AllistirKing 11 місяців тому +1

    The music in this video is unreal cool! It's like I am going back to my childhood! Very cool this videos :) Thank you so much.

  • @nzibukarnold1486
    @nzibukarnold1486 4 роки тому +28

    Man like the flutter way, your UIs have made me loved flutter over native development #ThanksMan #KeepGivingUsTheseBeauties

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

      Glad you like it! I will more are coming

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

    I think I've learned much more watching your videos than watching courses on Udemy and UA-cam

  • @nirliptgaur
    @nirliptgaur 4 роки тому +44

    I put a like on the video first, and then start watching it, coz I know it will be so good!

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

      Thanks man, Keep supporting us❤️

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

      Thanks for so much! Another channel to keep in mind you guys ua-cam.com/users/MadeWithFlutter both have great designs!!!

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

      me too. good jop.

  • @chwenjun225
    @chwenjun225 Рік тому +1

    I love your background music. That inspire me so muchhhh

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

    i love your project structure

  • @gahissy
    @gahissy 3 роки тому +3

    This is a really fantastic way to learn and learn fast. Great job!

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

      Thank you so much. Keep supporting me.

  • @cnikolov
    @cnikolov 2 роки тому +1

    I dont know about others but this is a really nice way to learn/ and get involved with flutter by doing :)

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

    I use React Native, but I was able to learn a lot watching this. The idea and composition of UI componentsts matter a lot. Thanks for the wonderful video.

  • @magicalhats
    @magicalhats 4 роки тому +8

    The background music made it really exciting.

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

    Amazing work! The BEST way to teach without to waste time. Keep it up! Big subscriber here!

  • @ariii416
    @ariii416 4 роки тому +20

    Brilliant mate , keep going ❤️.

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

      Thank you, I will

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

      @@TheFlutterWay please make on admob banner because bottom nav bar and drawers overlapping issues us there

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

    Love those comments in the code, they were really useful

  • @quyetbuihuu1599
    @quyetbuihuu1599 2 роки тому +1

    Thank you very much! I really love how you organize your widgets.

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

    Best UI design in Flutter

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

    As part of my learning, I decided to write this code with you. Very helpful material and you tube channel🙌

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

    You are amazing. The designs are really cool

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

    Pressed like button before watching because I know it will be an awesome video!

  • @antonioivo4691
    @antonioivo4691 2 роки тому +14

    What extensions are you using on Visual Studio Code for that line-tree indentation view?! Nice work!

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

    Thanks for this awesome work!
    Im just learning Flutter and this project helped me to understand some concepts.. Keep the god job!

  • @typingcat
    @typingcat 3 роки тому +5

    I am new to Flutter and when I first saw the automatic //name comment for closing brackets/parenthesis, I thought that was a weird feature, but after seeing Flutter codes for a few days, I guess I know why they added that feature. Flutter code is like a hell of nested code. two or three levels can be readable, but as it gets deeper and deeper, it becomes really confusing.

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

    This is great 👏👏
    Thanks a lot
    Had to watch in slow mo to keep up 😂
    Thankfully, I'm getting the hang of it.
    Best wishes to The Flutter Way team

  • @coronatech6207
    @coronatech6207 4 роки тому +33

    Amazing content. Just loved it. Could you please tell me which software did your use for showcasing your app between 0:00 - 0:20?
    That animation was just great.
    Thanks

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

    Bottom can also use MainAxisAlignment spaceAround to achieve a uniform distribution, and the video is still great

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

    2022 and You saved My Project
    Speed coding is better than Tutorials.

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

    Thanks I will copy it for my app and for learning thank you for this dude!

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

    Guys! instead of Spacer. You can set Mainaxisalignment of row to spacebetween (also).

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

    You are the best so far..Thank You So much ...Just The Bottom Navigation Bar...Need a video on that

  • @sawoo5353
    @sawoo5353 Рік тому

    Great Demonstration. Love it. Thanks!

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

    the feels come in 14:49 is lov ❤❤

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

    That's amazing, congrats from Brazil

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

    you are so good at makeing flutter app ,awesome!

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

    clean neat and organized

  • @aleksdizhe
    @aleksdizhe 2 місяці тому

    Thx! The tutorial and the music are amazing :D

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

    I will code along and learn with your video, thanks.

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

    Awesome UI ❤ I will watch it again later more carefully !

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

    Great! Nice demo and quick tutorial, very practical.

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

    You are the best! I love your designs.

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

      Wow, thank you!

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

      @@TheFlutterWay the better is... when you comment the code explaining why did you do that.

  • @bensosfrequents
    @bensosfrequents 2 місяці тому

    FYI, prices are supposed to be tread as float or double but not as int

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

    Wonderful UI. Great skills. Thanks for sharing.

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

    This is really great! Keep em coming pleaae

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

    Super amazing!

  • @MrSercy-oq2rs
    @MrSercy-oq2rs 4 роки тому +1

    You are a King or Quen... i love your project. Thank you very much.

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

    helpful video... and good to set the playback speed at 0.5 on youtube player to code along....

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

    Expanded(
    child: FlatButton(
    height: 64,
    shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.only(
    topLeft: Radius.circular(20),
    ),
    ),
    onPressed: () {},
    child: Text("Description"),
    ),
    You should also add this 👆 .
    I learnt from you 😁
    Awesome tutorial
    Good Speed coding
    Professional coding style*
    Keep it up with FLUTTER 😍

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

      Thanks for this, your one is more efficient

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

    Nice!

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

      Thank you! Cheers!

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

      @@TheFlutterWay Bro Are you from Bangladesh. First I have saw a bangladeshi who develop apps with flutter. Keep it up bro.

  • @RamKumar-zf5cl
    @RamKumar-zf5cl 4 роки тому +1

    Always Awesome Sama :)

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

    thank bro, i learned a lot from this video

  • @polanji-thebestenglishlear612

    Great tutorial, thanks sir.
    I have a confusion.
    You gave the width: size.width * 0.75 to that plan Image (assets/images/img.png) but gave a fixed size (height: 62, width: 62,) to the container of icon_card. So if I am not wrong there could be a chance that icon_card could overflow in a few devices. What do you think?

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

    loved it man 🔥🔥🔥

  • @drikting
    @drikting Місяць тому

    Am I the only one wondering why not Flutterflow no code? Anyway evidently you are a good or excellent coder 😊

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

    Easy to learn, easy to follow, Thank you

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

    That's amazing. Thank you for sharing your expects..!

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

    Nice, very pretty

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

    i would think twice before giving 440 for that one. If i give 440 to you, you better give me a tree and no sapling lol. Nice video

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

    I love your videos, they really help us get going. The only thing I can't figure out is the responsiveness, I have reproduced the whole main page following your code, and unfortunately, they behave differently on smaller screens which is really sad :(

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

    An other awesome speed code and design. cheers!

  • @jxstxn__3958
    @jxstxn__3958 3 роки тому +9

    I know this video is a little bit older but I found a solution for the SVG Problem in 5:44:
    Container(
    margin: EdgeInsets.fromLTRB(0, 0, 0, 12),
    alignment: Alignment.bottomRight,
    height: 25,
    width: 25,
    child: ClipRRect(
    child: SvgPicture.asset('assets/icons/search.svg',
    color: kPrimaryColor,
    height: 25,
    width: 25,
    allowDrawingOutsideViewBox: false,
    fit: BoxFit.scaleDown,
    alignment: Alignment.bottomRight,
    ),
    ),
    ),
    Feel free to play around with the value, hopefully it will help some of you guys

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

    Can someone correct me if im wrong, i concluded from the video if you are a good dev you dont need a designer to give you a work that you can code, i see that every component of the design got created just by code and thats amazing actually "im a ux designer by the way"

  • @leonmartinez7798
    @leonmartinez7798 4 роки тому +9

    See you coding is like collyrium for my eyes. Jajaja. Greetings my friend!.

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

    thanks for this video!! learned new things

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

    You rocks the UI. When are you planning firebase, storage, packages, state provider and connecting backend data.

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

      It takes some time, when I started voice-over then I will make those videos

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

    Great job.
    Thank you.

  • @MrTuyen-um6lf
    @MrTuyen-um6lf 3 роки тому

    Thank you for sharing. God bless to you and your family.

  • @ДавидТер-Григорян
    @ДавидТер-Григорян 3 роки тому +1

    You are great!!!!!!!!!! I am new in flutter(about 2 days), its tutorial is very good for me)) thank's you!
    People, what book should I read if I want to understand OOP and dart with flutter at all

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

    super.. loved it

  • @louisp.8097
    @louisp.8097 3 роки тому

    Instead of using Function object for complete the onTap property of GestureDetector prefere using a GestureTapCallback object.

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

    Recommended Speed 0.5

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

    This VDO open my passion thank you so much.

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

      My pleasure. Keep supporting my channel.

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

    Thanks for making videos. helps me a lot to learn flutter. Commenting is also helping to understand.
    Please zoom in little bit. Help us to read your code.

  • @АсадШамсуддинхожаев

    Amazing tutorial for beginners!

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

    very smooth and awesome keep going 💪

  • @Ray-ks8tq
    @Ray-ks8tq 4 роки тому +1

    this is a so Nice Code write ,from a web developer. I like it

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

    You are the best.!!!!!! Brilliant, very friendly

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

    Really nice man! Good :)

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

    who the hell disliked the video.... it is good one

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

    Amazing work you are talented 👍

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

    Beauty UI...nice

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

    Gracias amigo espectacular para progrmadores que estamos poniendonos al dia y actualizandonos

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

    Tank you, for this free lesson and code source
    GOD bless you

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

    Amazing content - thank you for sharing your expertise.

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

    Read my question it's important please, I'm currently working on an e-commerce project Having an issue with route navigation stacking
    I've an appbar with cart action button
    1) user tap on a product. It gets you to the product detail and fetch it by ID.
    2) on redirecting to product detail, I pop HomeView.
    3) when user tap on back button, I offPush to home screen.
    4) when user is on cart screen from detail page and on tap of cart item it redirects to detail page and then pop it on back button press.
    Etc......
    I'm currently using onRouteGenerator to manage my route navigation. But I don't know how can I recognize is it home page I should redirect to or detail. When screen gets more nested and nested it's becomes a mass to handle.
    Sorry for the bad explanation

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

    Amazing.. Thanks for sharing. 👍👌

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

    Alan Turing would be pleased!

  • @mehrdadhosseinnejad6241
    @mehrdadhosseinnejad6241 4 роки тому +8

    Tnx for your amazing codes, I learned so much from your channel :D. Could you please create a video about responsive design in flutter?

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

      Thanks for the idea! Maybe in near future

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

      5:47 how to access that cube type thing when I type onchange it doesn't show up on my android studio ?

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

      @@search_me_tilak he's not using Android Studio, but VSCode.

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

    I am so inspired by your work Sir. How did you get so good in Flutter and in programming? I want to be like you in the future

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

    This is so cool

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

    The design looks cool. Did you create it yourself or got it from the internet ? If latter, would you mind sharing the link ?