Top 10 Must Know Widgets In Detail for Flutter Developers | Flutter Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 เม.ย. 2020
  • #flutter #google #mobileapp
    Welcome to Flutter Widgets In-Depth video, where we will be duscussing the top most used widgets in Flutter for UI Design in detail. We will be going through each and every important detail of. These widgets lay the foundation of UI design in Flutter and help you in creating complex ui designs with ease. In this video we will be talking about top Flutter Widgets that every Developer should know ! These widgets are simple to use but an in depth look at the properties can be very helpful in finding multiple use cases for the same widgets. Here are Timeline tags for you to skip to a widget that interests you:
    00:44 - Center Widget
    03:37 - Container Widget
    15:35 - Row & Column Widget
    22:51 - Wrap Widget
    30:26 -Stack & Positioned Widget
    37:52 - Padding Widget
    42:11 - MediaQuery & SafeArea
    50:52 - Text Widget
    10:02:46 - RichText Widget
    If you like this video, make sure to keep track of upcoming videos on Flutter Widget Essential Series on RetroPortal Studio.
    Flutter Widget Essentials Series:
    • Flutter Widget Essenti...
    🔥 Auto-Generate Flutter Custom Paint Code TRY THIS FREE TOOL👇:
    👉 Flutter Shape Maker: fluttershapemaker.com
    👉🏻 Product Hunt: www.producthunt.com/posts/flu...
    (Your UPVOTE Means a lot! 🙌)
    If you find this video useful consider Supporting @RetroPortal Studio :
    👉 Buy Me a Coffee: www.buymeacoffee.com/theretro...
    👉 Patreon: / retroportalstudio
    Social Links @RetroPortal Studio :
    👉 Twitter: / theretroportal
    👉 Medium: / retroportalstudio
    👉 Instagram: / retroportalstudio
    👉 Patreon: / retroportalstudio
    👉 GitHub: github.com/retroportalstudio
    If you like the tutorial, please hit the LIKE and Subscribe button and also consider supporting me on Patreon or Buy Me a Coffee for More Flutter Tutorial on RetroPortal Studio.
    Thank you for Watching! Happy Coding :)

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

  • @Nfw100
    @Nfw100 2 ปีที่แล้ว +20

    0:44 - Center Widget
    3:38 - Container Widget
    15:34 - Row and Column Widget
    22:53 - Wrap Widget
    30:27 - Stack and Positioned Widget
    37:52 - Padding Widget
    42:13 - MediaQuery and SafeArea Widget
    50:53 - Text Widget
    1:02:48 - RichText Widget

  • @shaneboltz5648
    @shaneboltz5648 3 ปีที่แล้ว +18

    I'm only 15 minutes in and already feel like I've learned more about how to practically use these widgets than I have in the 50+ other hours of tutorials and videos I've watched. Definitely something to be said about finding a video that speaks to your learning style.

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

      Glad you found it helpful!💙

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

      Same too, I learn a lot in this tutorial videos.

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

      Me 3

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

      same. this taught me more in 20 minutes of a video than i learned in days of watching tutorials

  • @muhamadhaydar8419
    @muhamadhaydar8419 3 ปีที่แล้ว +5

    Great! so good to know the whole properties of the essential widgets in flutter.

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

    Love your videos man. Very detailed. Keep up the great work

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

    I've been searching for this basic kind of information for weeks. This is the best presentation I have seen.
    Looking for the next 10 most important widgets... :)
    Thanks.

  • @pault54
    @pault54 3 ปีที่แล้ว +13

    Best Flutter widget tutorial i have ever seen

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

    Great video, very instructive and comprehensive. Learning Flutter and found this looking for something else, now subscribed so I can catch all your others.

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

    Finally I think to truly understand how Flutter layouts are to be construct. Thanks a lots. get subscribed with just one video.

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

    The most helpful guide for layout widgets I have ever seen.

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

    your way of explanation is making flutter more clear and exciting

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

    Excellent content! Awesome explanation about each and every single detail.

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

    I am a flutter guy ,now.Thank you.👍

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

    Already liked and subscribed before seeing this video. Glad I did. This was a great introduction! Thank you.

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

    you are THE Best tutor with 100% Accuracy and Precision

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

    Awesome video. Very precise and gives proper building blocks

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

    Thank you for this. Great examples.

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

    i love that foreground on the TEXT:)

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

    Thanks for sharing! exactly I was looking for.

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

    You saved my coding days !!
    Thanks Dude !!

  • @RajA-me9cl
    @RajA-me9cl 3 ปีที่แล้ว +1

    Very informative. So grateful, Thank you 🙏🏼

  • @anmarm.9487
    @anmarm.9487 4 ปีที่แล้ว +23

    Let me be the first. this is a very important video for anyone just starting flutter.. thumbs up

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

      Appreciate your support mate! Thanks 💙✌🤓

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

    Brilliant video. Covers widgets in great detail

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

    Crystal clear, great job, and you did fantastic presentation. l like that you explained every code in professional manner . I learned a lot just by watching your video.

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

    very very much appreciated! Tutorials entitled "10 widgets per week" would be boon to a new flutter developer like me.Hope you will give some thought about above idea too. Thank You.

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

    Thank You. Help me very much.

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

    Very good guide, thank you.

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

    Amazing video ! thanks for sharing your work !

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

    This is amazing!! Thank you

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

    thanks a lot sir.this is a great video with great explanation

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

    Very useful video. Thanks

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

    Wow!!! simply awesome.

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

    Thanks TH-cam for suggesting me this gem channel!
    Great video!

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

      You support is appreciated man ✌😁 Thanks

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

    Thats excellent explanation! Wow!

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

    The missing manual! Top marks!

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

    Great explaination... thank you

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

    Thanks!

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

    It really helped me allot.

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

    that clear to understand.

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

    Great work keep it up 👍🙂

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

    Thanks :) useful

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

    This is A VERY GOOD video on the basic widgets used in Flutter!
    A must see video for every Flutter beginner!
    These concepts got explained in so many other video's, but never this structured and thorough.
    Very much appreciated!
    I'm using a lot of exclamation marks, but that's only because I'm really excited about this video (!!!!!) 😉

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

      Thank you so much for your support mate ✌😁 Glad i could hell you! 👨‍🏭

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

      yeah I am grateful for this video as a complete beginner.

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

    Very informative ❤️❤️

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

    This is gold.

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

    This is what I need. Thank you.

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

      In widgets ko use kar k kon si app bnayee ja sakti hai

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

    You are a Hero(); 💗

  • @user-tv4kh4pc7s
    @user-tv4kh4pc7s 3 ปีที่แล้ว +2

    Good job! Like

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

    Súper, thanks

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

    Great bruh
    Watching from india 👍

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

    very helpful :)

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

    Just came across your channel and it has been a god send, learning more from your videos than I have done anyone else's, I am currently building a dating app similar to tinder, could you do a video on how to build a profile page and how it can be changed when the user changes their details? Meaning the person you are trying to match with and the user themselves, can't seem to find anything online and I find it very easy to understand with the way you are teaching through your videos

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

      Thank you so much for your support mate 👨‍💻 You can pop in your question via email address ✌😁 will check it out

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

    thanks buddy

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

    Essential viewing.

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

    Greate tutorial! Thnxz!

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

      I will be grateful is use full I really need it thanks:)

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

    Brilliant

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

    Studying Flutter for months and nobody ever uses a RichText, thank you to show it to us!

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

      Haha when I learned that I was already a month in learning flutter n working with a company so I was forced to learn new things all the time

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

    Greate tutorial!.
    Can you create a ClipPath tutorial clip in Flutter?
    Thanks

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

    Set the emulator to always on top... So you don't need to switch between windows on each hot reload.😊

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

    great

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

    super dude

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

    Make a tutorials about firebase with flutter and flutter animation.... 😎😎...And Thanks...

  • @Karim-wd2je
    @Karim-wd2je 4 ปีที่แล้ว +1

    Awesome contents on your channel. A small suggestion that is instead of making a long video. Making each widget as a separate video will be easy for those who search on those topics.

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

      Already there brother! Made this video afterwards ,combining all those ✌😁

    • @Karim-wd2je
      @Karim-wd2je 4 ปีที่แล้ว +1

      👍👏

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

    It's an amazing video but how can you still the phone while writing in visual studio.

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

    I violently and strongly thank you 🙏❤️😤

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

    very informative video!
    I just want to point out that you don't have to start every sentence with 'so' :D

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

    have you tutorial about statemangement

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

    is the initial Center widget becoming useless after adding parent Container to all the widgets?

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

    @RetroPortal Studio My dear do you know a way by which I can send SMS without user interaction

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

    Hey im new to flutter , can you explain how MyButton is used as Button 16:24

  • @user-jw5lf7ih6m
    @user-jw5lf7ih6m 3 ปีที่แล้ว

    What is the shortcut key for parameter prompt?

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

    good voice

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

    speechless!

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

      bro kindly give me list of all topics in flutter

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

    Why can't I see my background image when using Wrap? It works fine when using Safe

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

    how did u docked emulator on windows .

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

    please make video on how to create responsive apps for phone ,tablet and other devices, and give the best approaches for that i hope you will do that thank you...

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

      Noted ✌😁

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

      @@RetroPortalStudio Thank you for your reply I hope you will do that as soon as possible I am waiting for that

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

    MediaQuery & SafeArea : 42:11

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

    Does anybody know a way to send SMS without user interaction

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

    Can we make e-commerce website for client using Dart with Flutter??

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

      A big NO for now! Flutter Web is not ready for production apps yet!

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

    37:55

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

    Hi it is giving error. When using snapshot.data

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

    If you find this video useful, consider Following me on:
    Twitter: twitter.com/theretroportal
    Instagram: instagram.com/retroportalstudio
    LinkedIn: www.linkedin.com/in/parasjainrps
    Happy Coding! ✌️😁

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

    “Hello”

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

    The content is not bad.. But the fact the you kept alt tabbing instead of having the emulator on the side, while keeping the sidepannel in android studio open, was really annoying