ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก

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: fluttershapema...
    🔥 Learn About the Most Important Widgets in Flutter 👇:
    👉 Widget Essentials Series: bit.ly/3GpfiYw
    👉🏻 Product Hunt: www.producthun...
    (Your UPVOTE Means a lot! 🙌)
    If you find this video useful consider Supporting @RetroPortal Studio :
    👉 Buy Me a Coffee: www.buymeacoff...
    👉 Patreon: / retroportalstudio
    Social Links @RetroPortal Studio :
    👉 Twitter: / theretroportal
    👉 Medium: / retroportalstudio
    👉 Instagram: / retroportalstudio
    👉 Patreon: / retroportalstudio
    👉 GitHub: github.com/ret...
    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 3 ปีที่แล้ว

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

      @Marcus Felix instablaster ;)

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

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

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

      @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

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

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

  • @allancabilestoc6235
    @allancabilestoc6235 7 หลายเดือนก่อน +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.

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

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

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

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

    superb explanation...Thank you !

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

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

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

    Amazingly helpful
    Thank you

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

    Very useful and clear video! I enjoyed it.

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

    clear explanation, thank you

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

    great explanation!

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

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

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

    Thanks for this perfect and concise explanation !

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

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

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

    You are just good. Thank you

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

    thankyouuuu you save my lifee

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

    Simple and to the point. Keep it up bro

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

    Excellent lesson, thank you very much!

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

    Well done, I like the way you explain things.

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

    Nice work bro.. thank you

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

    Great tutorial. Please add more Widget catalog tutorials.

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

    thank you, easy and straight forward.

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

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

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

    thanks Bro for explanation

  • @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 👏👍👍👍👍👍😍😍

  • @Sunil-lp5vl
    @Sunil-lp5vl 3 ปีที่แล้ว +1

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

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

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

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

    Crystal clear

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

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

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

    Very useful video. Thanks!!

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

    nice video!

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

    nice explanation. thanks!

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

    Thank you for this helpful video

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

    Really clear tutoriel, thx !

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

    Great tutorial, thanks

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

    Made my day.
    Thank you.

  • @charliesta.abc123
    @charliesta.abc123 4 ปีที่แล้ว +1

    Been waiting for this

  • @AMAL_JOY.
    @AMAL_JOY. 4 ปีที่แล้ว

    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

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

    great video... thank you again man.

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

    thanks man

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

    Thank you for sharning good video

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

    Thanks Dan Abramov

  • @charliesta.abc123
    @charliesta.abc123 4 ปีที่แล้ว +1

    Thank you so much!

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

    Nice class Sir

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

    nice

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

    Thank you!

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

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

    Well explained

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

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

    👍👍👍👍👍👍

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

    thank you,

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

    Thanks ❤

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

    How to make responsive app using stack in flutter ?

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

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

  • @SathishKumar-hz3vm
    @SathishKumar-hz3vm ปีที่แล้ว +1

    ❤🎉🎉🎉🎉

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

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

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

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

    How to handle click event of all widgets inside stack

  • @ahmedmaher-ez9xt
    @ahmedmaher-ez9xt 3 ปีที่แล้ว

    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.

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

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

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

    Where did you go?

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

  • @Mr.Glasses99
    @Mr.Glasses99 2 ปีที่แล้ว

    I did exactly like you and it gives errors