Flutter Stack & Positioned Widget - Flutter Widget Essentials #5 | Flutter Tutorial

Поділитися
Вставка
  • Опубліковано 21 бер 2020
  • #flutter #stack #positioned
    In this Flutter Tutorial, we will be taking an in depth look at Flutter Stack and Positioned Widget. We will be taking detailed look at each and every important property of Stack Widget and how it can be used in cases where you need to place widgets along the Z axis that is on top of each other. We will also be taking an in depth look at Flutter Positioned Widget which is used to give custom positions to Widgets in Stack Widget. It is one of the widely used Layout Widgets offered by Flutter SDK.
    Previous Video (Wrap Widget): • Flutter Wrap Widget - ...
    Next Video (Padding Widget): • Flutter Padding Widget...
    Announcement Video: • Flutter Widget Essenti...
    🔥 Auto-Generate Flutter Custom Paint Code TRY THIS FREE TOOL👇:
    👉 Flutter Shape Maker: fluttershapemaker.com
    🔥 Learn About the Most Important Widgets in Flutter 👇:
    👉 Widget Essentials Series: bit.ly/3GpfiYw
    👉🏻 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 :)

КОМЕНТАРІ • 79

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

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

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

      you all prolly dont care but does someone know a trick to log back into an Instagram account?
      I was dumb forgot the password. I would appreciate any help you can offer me!

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

      @Marcus Felix instablaster ;)

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

      @Adrian Andres I really appreciate your reply. I found the site through google and im waiting for the hacking stuff atm.
      Seems to take a while so I will reply here later when my account password hopefully is recovered.

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

      @Adrian Andres it did the trick and I now got access to my account again. Im so happy!
      Thank you so much, you really help me out :D

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

      @Marcus Felix Happy to help :)

  • @jonstorchevoy6087
    @jonstorchevoy6087 4 роки тому +24

    This is by far the most clear and concise Flutter tutorial I have seen. Not just about the the Stack Widget all Flutter tutorials.

    • @balajiramadoss6014
      @balajiramadoss6014 8 місяців тому +1

      Exactly.. this is the best video of Stack Widget, because other people won't even explain "fit" and "overflow" properties

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

    Your narration is my favorite part of this video
    Each and every sentence of yours is understandable

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

    Great video for Flutter learning!
    the presentation style is quite suitable for me. It tests and demo the effect of each widgets and parameters using the simulator, make it clear and easily understood.

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

    You are really doing a great job. I am developing an app using flutter and when I watch these videos I find new ways of doing things, thanks dude! :)

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

    Your way of explaining is brilliant. Loved it!

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

    Amazing explanation dude. Crisp, Clear and to the point. Thanks a lot.

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

    Just learned about the overflow property from your video. Thanks for the explanation.

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

    Great job, widgets explained in simple practical terms

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

    Very well explained. Hope you soon have more subscribers. Don't stop. Thanks.

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

    Very useful and clear video! I enjoyed it.

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

    Thank you very very much, you have reduced my work infinitely

  • @allancabilestoc6235
    @allancabilestoc6235 6 місяців тому +1

    This video is really helpful and informative for a beginner like me that doesn't have a programming background. Thanks a lot... I really appreciate your effort in doing this video and some other videos.

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

    Thanks for this perfect and concise explanation !

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

    superb explanation...Thank you !

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

    Amazingly helpful
    Thank you

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

    Excellent lesson, thank you very much!

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

    clear explanation, thank you

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

    Well done, I like the way you explain things.

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

    Great tutorial. Please add more Widget catalog tutorials.

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

    Simple and to the point. Keep it up bro

  • @Sunil-lp5vl
    @Sunil-lp5vl 3 роки тому +1

    Bro you earned that like...really amazing explanation..keep up the good work bro👍

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

    thank you, easy and straight forward.

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

    great explanation!

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

    Thank you Brother,
    Give more videos for other basic widget.

  • @buddy.abc123
    @buddy.abc123 4 роки тому +1

    Been waiting for this

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

    Very useful video. Thanks!!

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

    Made my day.
    Thank you.

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

    Very well explained, thank you, keep up the good work....

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

    You are just good. Thank you

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

    Really clear tutoriel, thx !

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

    OH MY GOD, just in the first minute you solved my doubts, thank you SO much!!! This is so clear to understand. I just couldn't understand how to use stack, I could have never thought that I just needed to change column for stack. Thank you once again!

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

    Thank you for this helpful video

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

    thankyouuuu you save my lifee

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

    Great tutorial, thanks

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

    great video... thank you again man.

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

    Nice work bro.. thank you

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

    nice explanation. thanks!

  • @AMAL_JOY.
    @AMAL_JOY. 3 роки тому

    A W E S O M E ! . Thank you so much bro I was really stuck to a problem and the video rescued me. Can u put videos on stateful widgets, build context, etc. plzz

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

    nice video!

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

    thanks Bro for explanation

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

    Why do you have less views than those other coding sites. Your work is amazing man!

  • @buddy.abc123
    @buddy.abc123 4 роки тому +1

    Thank you so much!

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

    You should have more views than this!!! Well done bro it was really helpful for me, you did a great job 👏👍👍👍👍👍😍😍

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

    Thank you man . i was stuck in a problem i thought the comas in the stack childrens widget[ , , , ,] stacked by force i mean like in this exemple the blue container stacked inside in the red ,
    but they are all stacked in one lvl ty ,.

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

    thanks man

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

    Thank you!

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

    Thank you for sharning good video

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

    never ever seen a cleanertutorial , subbed you from 3 accounts lmao

  • @wilfred-almeida
    @wilfred-almeida 2 роки тому

    Great explaination, btw how did you keep the emulator visible on screen while you switched to Android Studio and typed??

  • @shhhhh.
    @shhhhh. Рік тому +1

    Crystal clear

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

    Thank for your effort, can you please tell what plugin you are using in Android studio to get widget hierarchy lines?

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

    Nice class Sir

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

    Thanks ❤

  • @AliKhan-tu8pv
    @AliKhan-tu8pv 4 роки тому

    Am using Vs code and I don't get the option to warp stack widget with container? I don't get any options when I select stack.

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

    Is it possible to change stack index to rearrange visible widgets?
    I mean tab-like behavior. Actually there should be tab widget... I guess.
    I took a look at doc and there is key property. It sounds like that stuff.

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

    Well explained

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

    thank you,

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

    nice

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

    Thanks Dan Abramov

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

    How to handle click event of all widgets inside stack

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

    what if the height of the container is not known in advance and could change based on content?

  • @ahmedmaher-ez9xt
    @ahmedmaher-ez9xt 3 роки тому

    thanks ^_^

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

    How to make responsive app using stack in flutter ?

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

    Where did you go?

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

    👍👍👍👍👍👍

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

    It would be good if you put the code of the video in GitHub with whatever you have done in different parts of the video as commented out. Anyways, thank you so much.

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

    How to display a list of positioned object in a stack?

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

      Stack(
      children: [
      ...[{x,y},{x,y},{x,y}].map((value)=>Positioned(top:y,left:x,child:'YOUR WIDGET')).toList()
      ])
      Something like this would do 😁

  • @SathishKumar-hz3vm
    @SathishKumar-hz3vm Рік тому +1

    ❤🎉🎉🎉🎉

  • @Mr.Glasses99
    @Mr.Glasses99 2 роки тому

    I did exactly like you and it gives errors

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

    The 'overflow' widget is now deprecated and should not be used. Instead, use 'clipBehaviour'. In the above example, instead of
    *overflow: Overflow.visible* use *clipBehaviour: Clip.none*