Flutter Tutorial - How To Stack Widgets With Overlapping [2021] Overlay Widget On Top Widget

[@HeyFlutter]

This might help you :) Source Code: github.com/JohannesMilke/stacked_images_example Flutter Layout Basics Tutorial: kzbin.info/www/bejne/r4rbppiKg653oqM Stack Layout Basics Tutorial: kzbin.info/www/bejne/gIu1c3uPZ92aq5Y Row Layout Basics Tutorial: kzbin.info/www/bejne/ooqYeKeEoNusnq8 Column Layout Basics Tutorial: kzbin.info/www/bejne/pIicoXSvedhgrac Image Tutorial: kzbin.info/www/bejne/gHWnoIFoia2qq8k Shader Mask For Images Tutorial: kzbin.info/www/bejne/gHWYeneLeZKApdE Blurred Widgets & Images Tutorial: kzbin.info/www/bejne/qHOtc6Vqo9qoq6c Pick & Crop Images Tutorial: kzbin.info/www/bejne/ponFc4eAqZyZqK8 Drag & Drop Widgets Tutorial: kzbin.info/www/bejne/eJSTonVnn9l7eM0 Buttons 2.0 Tutorial: kzbin.info/www/bejne/r6XPdX6Ad92KlaM Opacity & Opacity Animation Tutorial: kzbin.info/www/bejne/a56WZ32Hgd6Nrqs Tinder App Clone Tutorial: kzbin.info/www/bejne/rGLaoJmepNqneM0 Onboarding UI Screen Tutorial: kzbin.info/www/bejne/eYLPcmWmYpKie8k Native Splash Screen Tutorial: kzbin.info/www/bejne/bn6oaXawpshghcU

[@jerichokatende8151]

clear explanation, thanks a lot , just what i wanted

[@HeyFlutter]

Thank you, @jerichokatende8151! 🙂

[@goldenlife6166]

Great work johannes

[@psatler]

Great job, Johannes!

[@michaelolukaka]

thanks man, just what i needed

[@HeyFlutter]

Glad it was helpful, @michaelolukaka 😀

[@hectorprx]

Thanks Johannes

[@jonathanscottmunday]

How did you get so good at Flutter development?

[@HeyFlutter]

Thanks, Jonathan! 🙂 Just practice daily, and learn continuously more and more about Flutter than all the people around you. Finally, the best way to learn Flutter etc. is while you teach 😉

[@jiren8991]

How you get ideas for doing such designs

[@sergdigital7437]

Dislikes... crazy!? Especially since you give these demonstrations for free.

[@rodrigoroman4886]

Thank you so much for your videos Johannes! This one helped me a lot. Could you tell me how would you make the stack scrollable for the case where you have multiple circles? Thank you in advance

[@HeyFlutter]

Thank You Rodrigo Roman! Follow this link: stackoverflow.com/questions/54359662/how-to-make-stack-layout-scroll-able-using-singlechildscrollview I hope you will get your answer 🙂

[@viswanathpradapsingh8888]

Great, thanks for the video man. How to handle n no of images. while i am trying its overlap at end of the screen. Will you please share how to show limit no of images then remains of counts Eg: 8 images available we can show only 4 images and at last index we can show +4. Thanks in advance.

[@viswanathpradapsingh8888]

@@HeyFlutter thanks for your concern.

[@ziyadmansy6016]

An advice: please reduce the number of your functions! i see every video of yours, seeing too much functions makes me lose focus and i beleieve that im not the only one who feels that. you videos are illustrative not a real-world app so there is no need for cleaning a part of the code I lose focus when you code somewhere else away from the tree and forget the whole process and where were we especially when you make nested functions...!

[@HeyFlutter]

Thanks, Ziyad Mansy! 🙂 i agree with you, but if once you start practicing programming using functions, it will not be at all difficult for you to understand.

[@ScottKFraley]

IMHO, more functionality in separate functions makes it much easier to do unit testing. Also see: "Separation of Concerns."

[@SameerShaikh-kn9rr]

Your code is too confusing and complicated, please write code simple without build so many widgets

[@vanessadur9338]

In flutter it's better to use many functions and widgets, that way you can recycle for future :)