Plant App - Flutter UI - Speed Code

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ม.ค. 2025

ความคิดเห็น • 655

  • @A.A.
    @A.A. 4 ปีที่แล้ว +572

    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 4 ปีที่แล้ว +43

    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  4 ปีที่แล้ว +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

  • @evroomedits
    @evroomedits 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!

  • @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???

  • @fabiovokrri517
    @fabiovokrri517 4 ปีที่แล้ว +2

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

  • @aady392
    @aady392 2 ปีที่แล้ว +1

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

  • @TanvirHasan71
    @TanvirHasan71 3 ปีที่แล้ว +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.

  • @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!

  • @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

  • @AllistirKing
    @AllistirKing ปีที่แล้ว +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.

  • @chwenjun225
    @chwenjun225 2 ปีที่แล้ว +1

    I love your background music. That inspire me so muchhhh

  • @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 :)

  • @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 th-cam.com/users/MadeWithFlutter both have great designs!!!

  • @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 th-cam.com/users/MadeWithFlutter both have great designs!!!

    • @weilongwu3875
      @weilongwu3875 3 ปีที่แล้ว

      me too. good jop.

  • @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

  • @joseph_oluwayomi
    @joseph_oluwayomi 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.

  • @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

    • @TheFlutterWay
      @TheFlutterWay  4 ปีที่แล้ว +25

      I'm using Rotato: bit.ly/3heGagj

  • @devarshbhatt5612
    @devarshbhatt5612 4 ปีที่แล้ว +4

    Love those comments in the code, they were really useful

  • @baner4735
    @baner4735 2 ปีที่แล้ว

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

  • @alithejumbo
    @alithejumbo 4 ปีที่แล้ว +5

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

  • @gahissy
    @gahissy 4 ปีที่แล้ว +3

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

    • @TheFlutterWay
      @TheFlutterWay  4 ปีที่แล้ว

      Thank you so much. Keep supporting me.

  • @quyetbuihuu1599
    @quyetbuihuu1599 2 ปีที่แล้ว +1

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

  • @heibob
    @heibob 4 ปีที่แล้ว +7

    i love your project structure

  • @mohitsaini6642
    @mohitsaini6642 3 ปีที่แล้ว

    Best UI design in Flutter

  • @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!

  • @tiagooliveira9196
    @tiagooliveira9196 4 ปีที่แล้ว +2

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

  • @ghostjibon9459
    @ghostjibon9459 3 ปีที่แล้ว

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

  • @antonioivo4691
    @antonioivo4691 2 ปีที่แล้ว +14

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

  • @magicalhats
    @magicalhats 4 ปีที่แล้ว +8

    The background music made it really exciting.

  • @ariii416
    @ariii416 4 ปีที่แล้ว +20

    Brilliant mate , keep going ❤️.

    • @TheFlutterWay
      @TheFlutterWay  4 ปีที่แล้ว +5

      Thank you, I will

    • @hemanth6951
      @hemanth6951 4 ปีที่แล้ว

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

  • @whyimustusemyrealname3801
    @whyimustusemyrealname3801 3 ปีที่แล้ว +1

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

  • @lixiang3631
    @lixiang3631 4 ปีที่แล้ว +1

    you are so good at makeing flutter app ,awesome!

  • @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

  • @sawoo5353
    @sawoo5353 ปีที่แล้ว

    Great Demonstration. Love it. Thanks!

  • @_wblink1479
    @_wblink1479 4 ปีที่แล้ว +1

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

    • @TheFlutterWay
      @TheFlutterWay  4 ปีที่แล้ว

      Noted, Thank for watching😊

  • @typingcat
    @typingcat 4 ปีที่แล้ว +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.

  • @GenaroDev
    @GenaroDev 4 ปีที่แล้ว +2

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

  • @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.

  • @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

  • @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

  • @baophan5739
    @baophan5739 4 ปีที่แล้ว +1

    Great! Nice demo and quick tutorial, very practical.

  • @gokhanozeloglu
    @gokhanozeloglu 4 ปีที่แล้ว +1

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

  • @brunoistvan2452
    @brunoistvan2452 4 ปีที่แล้ว +1

    Wonderful UI. Great skills. Thanks for sharing.

  • @thiagoandre4356
    @thiagoandre4356 4 ปีที่แล้ว +4

    That's amazing, congrats from Brazil

    • @TheFlutterWay
      @TheFlutterWay  4 ปีที่แล้ว +1

      Love you guys

    • @tiago_tith
      @tiago_tith 4 ปีที่แล้ว +6

      é bom saber que tem mais Br's aqui kssksk

    • @iracemamobile8964
      @iracemamobile8964 4 ปีที่แล้ว +1

      One more congrat from Brazil

  • @MoAdel92
    @MoAdel92 4 ปีที่แล้ว +1

    clean neat and organized

  • @MrSercy-oq2rs
    @MrSercy-oq2rs 4 ปีที่แล้ว +1

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

  • @juniorbypassfrp2491
    @juniorbypassfrp2491 2 ปีที่แล้ว

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

  • @bensosfrequents
    @bensosfrequents 5 หลายเดือนก่อน

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

  • @anthony9343
    @anthony9343 4 ปีที่แล้ว +1

    This is really great! Keep em coming pleaae

  • @muhammadmuneebarshad7498
    @muhammadmuneebarshad7498 2 ปีที่แล้ว

    the feels come in 14:49 is lov ❤❤

  • @deepakshah3108
    @deepakshah3108 4 ปีที่แล้ว

    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  4 ปีที่แล้ว

      Thanks for this, your one is more efficient

  • @ДавидТер-Григорян
    @ДавидТер-Григорян 4 ปีที่แล้ว +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

  • @drikting
    @drikting 4 หลายเดือนก่อน

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

  • @prathamsarankar780
    @prathamsarankar780 4 ปีที่แล้ว

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

  • @alexandrumunteann
    @alexandrumunteann 4 ปีที่แล้ว +2

    Always an inspiration, thanks for this video! :)

  • @canh4869
    @canh4869 3 ปีที่แล้ว +1

    thank bro, i learned a lot from this video

  • @amanthamaduranga2068
    @amanthamaduranga2068 3 ปีที่แล้ว

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

  • @clebdev
    @clebdev 3 ปีที่แล้ว

    Nice, very pretty

  • @nazarabdullah4916
    @nazarabdullah4916 3 ปีที่แล้ว

    Easy to learn, easy to follow, Thank you

  • @Mohamedka5116
    @Mohamedka5116 3 ปีที่แล้ว

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

  • @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

  • @resilvered
    @resilvered 4 ปีที่แล้ว

    An other awesome speed code and design. cheers!

  • @salemkhaled8322
    @salemkhaled8322 3 ปีที่แล้ว

    Amazing work you are talented 👍

  • @MrTuyen-um6lf
    @MrTuyen-um6lf 3 ปีที่แล้ว

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

  • @АсадШамсуддинхожаев
    @АсадШамсуддинхожаев 3 ปีที่แล้ว

    Amazing tutorial for beginners!

  • @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.

  • @leonmartinez7798
    @leonmartinez7798 4 ปีที่แล้ว +9

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

  • @hemantharijan4431
    @hemantharijan4431 4 ปีที่แล้ว +1

    thanks for this video!! learned new things

  • @OsvaldoVb
    @OsvaldoVb 4 ปีที่แล้ว

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

  • @lyleverything3861
    @lyleverything3861 4 ปีที่แล้ว +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

  • @alifarhadali5580
    @alifarhadali5580 4 ปีที่แล้ว

    very smooth and awesome keep going 💪

  • @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 :(

  • @Ray-ks8tq
    @Ray-ks8tq 4 ปีที่แล้ว +1

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

  • @mohitsaini6642
    @mohitsaini6642 3 ปีที่แล้ว +2

    Recommended Speed 0.5

  • @SNRU_VEVO
    @SNRU_VEVO 3 ปีที่แล้ว +1

    Why you used Column in 2:48 instead of Row or Body ? It's really doubtful. I'm a newbie :)

  • @fullStackInKannada
    @fullStackInKannada 4 ปีที่แล้ว +1

    Really nice man! Good :)

  • @yasinkuyu
    @yasinkuyu 4 ปีที่แล้ว +1

    Great job.
    Thank you.

  • @ericruiz384
    @ericruiz384 3 ปีที่แล้ว

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

  • @naitikverma6586
    @naitikverma6586 4 ปีที่แล้ว

    loved it man 🔥🔥🔥

  • @erickshado654
    @erickshado654 4 ปีที่แล้ว

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

  • @boyonetouch7407
    @boyonetouch7407 4 ปีที่แล้ว

    This VDO open my passion thank you so much.

    • @TheFlutterWay
      @TheFlutterWay  4 ปีที่แล้ว +1

      My pleasure. Keep supporting my channel.

  • @luthfillawliet3903
    @luthfillawliet3903 3 ปีที่แล้ว

    Great Tutorial
    Keep awesome job

  • @ShivamSingh-lg6bx
    @ShivamSingh-lg6bx 4 ปีที่แล้ว +26

    Me on stack overflow: how to change the device frame color to light green

  • @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.

  • @andromedamelodyc2456
    @andromedamelodyc2456 3 ปีที่แล้ว

    Beauty UI...nice

  • @skynet8785
    @skynet8785 4 ปีที่แล้ว

    Amazing content - thank you for sharing your expertise.

  • @felvinperez957
    @felvinperez957 4 ปีที่แล้ว +1

    Amazing.. Thanks for sharing. 👍👌

  • @ttvideo8104
    @ttvideo8104 4 ปีที่แล้ว

    Ty so much, you are amazing my friend :)

  • @srikrishnasateeshmutyam4773
    @srikrishnasateeshmutyam4773 2 ปีที่แล้ว

    super.. loved it

  • @sorawee.a
    @sorawee.a 3 ปีที่แล้ว +2

    2:24 - Open Menu (Command + .)

  • @RamKumar-zf5cl
    @RamKumar-zf5cl 4 ปีที่แล้ว +1

    Always Awesome Sama :)

  • @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 ?

  • @shahanahmed952
    @shahanahmed952 4 ปีที่แล้ว

    Excellent Work Man, you're killing the development process! Could you tell me how long it's been since you've learned flutter and are fluent in it?

    • @TheFlutterWay
      @TheFlutterWay  4 ปีที่แล้ว +5

      It takes like 4-5 months, then I feel comfortable on flutter, but still I'm learning it

  • @Heading370
    @Heading370 4 ปีที่แล้ว +1

    How do you get these options at 05:34 with "wrap with Row" and so on? Do I need a VS Code Plugin for that? (using Windows)

    • @shubhamjain3028
      @shubhamjain3028 4 ปีที่แล้ว

      Bring your cursor on the Widget and Press Ctrl + ' . '

    • @Heading370
      @Heading370 4 ปีที่แล้ว

      @@shubhamjain3028 Thanks alot :)

    • @search_me_tilak
      @search_me_tilak 4 ปีที่แล้ว

      @@shubhamjain3028 5:47 how to bring onchanged option I'm going it on my screen ? And also what is that box type thing (rectangle inside a cube) how to bring that option?

  • @preyasishah3593
    @preyasishah3593 2 ปีที่แล้ว

    Hi! Thank you for the video! I was wondering how you got those plant images when you made the folder for images and icon under assets (0:31)

  • @lehuynh7637
    @lehuynh7637 2 ปีที่แล้ว

    2:53 which extension u used to make connect line between return Column( and Container() ?