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

Поделиться
HTML-код
  • Опубликовано: 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 :)

Комментарии • 101

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

  • @pault54
    @pault54 4 года назад +13

    Best Flutter widget tutorial i have ever seen

  • @muhamadhaydar8419
    @muhamadhaydar8419 3 года назад +5

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

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

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

  • @webghost2009
    @webghost2009 3 года назад +3

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

  • @RodPascoe
    @RodPascoe 4 года назад +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.

  • @redamakarem3737
    @redamakarem3737 4 года назад +3

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

  • @MrVipulLal
    @MrVipulLal Год назад +1

    Brilliant video. Covers widgets in great detail

  • @pareshbodar1809
    @pareshbodar1809 3 года назад +2

    you are THE Best tutor with 100% Accuracy and Precision

  • @anmarm.9487
    @anmarm.9487 4 года назад +23

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

  • @milodude023
    @milodude023 3 года назад +4

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

  • @dionvansevenant6801
    @dionvansevenant6801 2 года назад +1

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

  • @HenryMainaDn
    @HenryMainaDn 4 года назад +2

    Awesome video. Very precise and gives proper building blocks

  • @Anythiny
    @Anythiny 2 года назад +1

    your way of explanation is making flutter more clear and exciting

  • @zekygomes
    @zekygomes 3 года назад +2

    Thank you for this. Great examples.

  • @stephenstalla5954
    @stephenstalla5954 4 года назад +3

    You saved my coding days !!
    Thanks Dude !!

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

  • @RajA-me9cl
    @RajA-me9cl 4 года назад +1

    Very informative. So grateful, Thank you 🙏🏼

  • @juanmamani2110
    @juanmamani2110 2 года назад

    Thanks for sharing! exactly I was looking for.

  • @dan21231
    @dan21231 2 года назад +1

    Amazing video ! thanks for sharing your work !

  • @youdube1203
    @youdube1203 2 года назад +1

    i love that foreground on the TEXT:)

  • @emadfathy1767
    @emadfathy1767 3 года назад +2

    Very good guide, 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.

  • @Nomadjackalope
    @Nomadjackalope 2 года назад +1

    This is amazing!! Thank you

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

  • @vikreddevil
    @vikreddevil 2 года назад +1

    Thats excellent explanation! Wow!

  • @enriquevau3215
    @enriquevau3215 4 года назад +2

    Súper, thanks

  • @ezalor9555
    @ezalor9555 4 года назад +1

    Thanks RUclips for suggesting me this gem channel!
    Great video!

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

  • @palashshendre6824
    @palashshendre6824 3 года назад

    Great explaination... thank you

  • @kirens8897
    @kirens8897 4 года назад +2

    Great work keep it up 👍🙂

  • @ravi1341975
    @ravi1341975 2 года назад +1

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

  • @chhivangthuch1369
    @chhivangthuch1369 3 года назад +1

    that clear to understand.

  • @ajdonnelly7160
    @ajdonnelly7160 4 года назад +4

    The missing manual! Top marks!

  • @lallawmzualakhawlhring7340
    @lallawmzualakhawlhring7340 4 года назад +2

    Very informative ❤️❤️

  • @vinaythakur406
    @vinaythakur406 4 года назад +2

    It really helped me allot.

  • @alihusseinalissa25
    @alihusseinalissa25 4 года назад +4

    You are a Hero(); 💗

  • @flutterdeveloper
    @flutterdeveloper 2 года назад +1

    Great bruh
    Watching from india 👍

  • @diadokmai
    @diadokmai 3 года назад +1

    Thank You. Help me very much.

  • @ganeshram580
    @ganeshram580 2 года назад +1

    Thanks :) useful

  • @user-tv4kh4pc7s
    @user-tv4kh4pc7s 4 года назад +2

    Good job! Like

  • @qpid2024
    @qpid2024 4 года назад +2

    very helpful :)

  • @hn031
    @hn031 3 года назад

    This is gold.

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

  • @DanTheGirMan
    @DanTheGirMan 4 года назад +3

    Essential viewing.

  • @flutterdeveloper7032
    @flutterdeveloper7032 2 года назад +1

    Brilliant

  • @techkhawvel7346
    @techkhawvel7346 3 года назад +1

    This is what I need. Thank you.

    • @haider417
      @haider417 3 года назад

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

  • @gauravidesigns
    @gauravidesigns 3 года назад +1

    thanks buddy

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

  • @lindermannla
    @lindermannla 4 года назад +2

    Greate tutorial! Thnxz!

    • @flutterclone1849
      @flutterclone1849 3 года назад

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

  • @venkatareddy6122
    @venkatareddy6122 3 года назад +1

    super dude

  • @hassanatuahmed8995
    @hassanatuahmed8995 3 года назад +2

    great

  • @khongaibiet4204
    @khongaibiet4204 4 года назад +1

    Greate tutorial!.
    Can you create a ClipPath tutorial clip in Flutter?
    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

      👍👏

  • @jassem500
    @jassem500 3 года назад +2

    I violently and strongly thank you 🙏❤️😤

  • @ihraihan
    @ihraihan 4 года назад +3

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

  • @JobinZero
    @JobinZero 3 года назад +3

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

  • @gajjardigantc
    @gajjardigantc 4 года назад +1

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

  • @ahsinjutt6402
    @ahsinjutt6402 3 года назад +2

    speechless!

    • @ahsinjutt6402
      @ahsinjutt6402 3 года назад

      bro kindly give me list of all topics in flutter

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

  • @useryou9659
    @useryou9659 2 года назад +1

    good voice

  • @AadiOneYT
    @AadiOneYT 3 года назад +1

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

  • @mdrabbihossen7602
    @mdrabbihossen7602 3 года назад +1

    MediaQuery & SafeArea : 42:11

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

  • @Build_the_Future
    @Build_the_Future 3 года назад

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

  • @user-jw5lf7ih6m
    @user-jw5lf7ih6m 4 года назад

    What is the shortcut key for parameter prompt?

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

  • @gauravidesigns
    @gauravidesigns 3 года назад

    how did u docked emulator on windows .

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

  • @zafarahmad1356
    @zafarahmad1356 2 года назад

    Does anybody know a way to send SMS without user interaction

  • @JoRo-Code
    @JoRo-Code 2 года назад +1

    “Hello”

  • @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! ✌️😁

  • @francopioletti7043
    @francopioletti7043 4 года назад +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